Frontend skills

This skill helps you design and implement React Server Components with Next.js 15, delivering server-first architecture and streaming SSR benefits.

This skill guides you through setting up a scalable Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK for rapid AI-powered development.

This skill helps you build and manage a full-stack AI chat app with persistence, chat list features, and automatic title generation.

This skill automates browser tasks using Playwright and Chrome DevTools to complete data collection, form interaction, and evidence capture end-to-end.

This skill helps internationalize and localize applications by extracting strings, applying ICU/Intl formatting, and organizing translation keys.

This skill helps define and apply design tokens across codebases, ensuring a cohesive design system, dark mode support, and UI consistency.

This skill identifies and implements small, measurable frontend and backend performance improvements to deliver faster, more reliable software.

This skill converts prototypes into production-ready, accessible, type-safe frontend components with strict TS, a11y, and server-first patterns.

This skill helps you master TanStack Query v5 for efficient data fetching, caching, and mutations in React applications.

This skill helps rapid frontend and backend prototyping for quick validation of ideas, delivering working mockups to stakeholders.

This skill helps you generate on-demand A2UI templates for flowcharts, forms, dashboards, and galleries to visualize structured data.

This skill helps you sync React state to URL query parameters for shareable filters, search, and deep links using nuqs.

This skill helps you instrument applications with Sentry by capturing exceptions, adding context, tracing performance, and enabling structured logging.

This skill helps modernize codebases by detecting deprecated libraries, suggesting native API replacements, and delivering isolated PoCs for migrations.

This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.

This skill syncs React state with URL query parameters to enable shareable filters and deep links while preserving UI state.

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

This skill helps you manage React state in URL query parameters with nuqs for shareable filters and deep-linkable dialogs.

This skill highlights code blocks using Shiki with SSR support and automatic theme switching for seamless developer experience.

This skill helps you generate UI templates like flowcharts, forms, dashboards, and galleries as ready-to-emit JSON payloads for rapid visualization.

This skill guides you to create NEAR dApps, integrate wallet connections, and build frontend interactions for NEAR smart contracts.