Agent Skills Hub

react-patterns

Implement React 19 patterns: React Compiler, Server Actions, Forms, and new hooks like 'use'. Guide decisions between Actions vs TanStack Query for mutations.

app-builder

Full-stack application orchestrator that analyzes natural language requests to determine tech stacks, scaffold projects, and coordinate specialized development agents.

Parallel Routes Generator

Implements Next.js Parallel Routes for modals to prevent layout shifts. Essential for dialogs, modals, and intercepted routes.

review-react-best-practices

Perform automated, rule-based performance and reliability audits for React and Next.js applications, covering bundle size, waterfalls, rendering, and data fetching.

roier-seo

AI-powered Technical SEO auditor that runs Lighthouse/PageSpeed tests and automatically applies code-level fixes for performance, accessibility, and structured data.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

template-nextjs-moderne

A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.

fumadocs-i18n

Automate complete internationalization for Fumadocs. Configures multi-language routing, language switcher, sidebar filtering, and content structure for Next.js projects.

react-ui-patterns

Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.

chrome-devtools-mcp

Chrome DevTools MCP server for AI-driven browser automation, testing, and debugging via Puppeteer. Features input automation, visual snapshots, performance tracing, and network inspection.