Frontend skills

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

This skill helps you design responsive layouts with mobile-first strategies using Flexbox, Grid, and container queries for accessible, performant interfaces.

This skill helps optimize Angular 20+ apps by applying signals, httpResource, @defer, and native control flow for faster, scalable components.

This skill helps you apply modern CSS architecture patterns, enabling consistent theming, scalable layouts, and accessible, maintainable styles.

This skill configures Clerk authentication for Next.js 16 with proxy.ts, environment setup, and MCP integration for secure apps.

This skill helps you configure Auth.js v5 in Next.js with Google OAuth and credentials provider, including env setup and core API integration.

This skill creates compelling infographics from text using AntV Infographic, translating information into visual structures for quick understanding and

This skill transforms data into structured narrative text visualizations with T8 syntax, enabling clear data reports and insights across frameworks.

This skill helps you accelerate uni-app development by guiding integration of uni-helper Vite plugins, libraries, and utilities.

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

This skill validates web apps with authentication, mobile and multi-viewport testing, and automated error detection to accelerate debugging and release

This skill helps you develop cross-platform uni-app apps by applying official guidance across platforms, components, and lifecycle with best-practice patterns.

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

This skill visualizes data by automatically selecting the best chart type and generating a chart image with a complete parameter set.

This skill retrieves up to five matching icon SVG strings from a library, helping you quickly source visuals for dashboards, designs, and infographics.

This skill helps plan upgrades and troubleshoot Next.js 16 migrations, including Turbopack changes and API runtime adjustments.

This skill helps you connect React/Next.js apps to Encore backends by generating typed clients and integrating with React hooks.

This skill deploys static HTML to Cloudflare Workers using 1Password for credentials, enabling seamless, secure static site hosting.

This skill generates self-contained p5.js celebration animations for MicroSims, enabling quick creation, testing, and integration of reward visuals.

This skill helps you create interactive p5.js Educational MicroSims with responsive layout, iframe embedding, and metadata for seamless classroom deployment.