Help us improve
Share bugs, ideas, or general feedback.
From cc-polymath
Discovers and provides access to specialized skills for React/Next.js frontend development including components, state, data fetching, forms, accessibility, performance, SEO, and TUI interfaces.
npx claudepluginhub rand/cc-polymath --plugin cc-polymathHow this skill is triggered — by the user, by Claude, or both
Slash command
/cc-polymath:discover-frontendThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Provides automatic access to comprehensive frontend development skills.
Builds React components and Next.js pages with server-side rendering, state management, and performance optimization. Activates automatically when React, JSX, or frontend build issues arise.
Provides React patterns, hooks, architecture, performance strategies, testing, forms, and styling guidance for modern frontend development.
Guides frontend UI/UX development with patterns for responsive design, accessibility, component architecture, state management, visual consistency, performance, and testing. Useful for any frontend task.
Share bugs, ideas, or general feedback.
Provides automatic access to comprehensive frontend development skills.
This skill auto-activates when you're working with:
The Frontend category contains 16 skills across 2 subcategories (+ elegant-design):
Frontend (11 skills):
TUI (5 skills): See ../tui/INDEX.md
Read ../frontend/INDEX.md Read ../tui/INDEX.md
Sequence: App Router → Components → Data Fetching
Read ../frontend/nextjs-app-router.md # Setup routing, layouts Read ../frontend/react-component-patterns.md # Build components Read ../frontend/react-data-fetching.md # Fetch data
Sequence: Design System → Components → Accessibility
Read ../frontend/react-component-patterns.md Read ../frontend/web-accessibility.md
Sequence: Form Handling → State Management
Read ../frontend/react-form-handling.md # Build forms Read ../frontend/react-state-management.md # Manage form state
Sequence: Performance → Accessibility → SEO
Read ../frontend/frontend-performance.md # Optimize bundle Read ../frontend/web-accessibility.md # Ensure accessibility Read ../frontend/nextjs-seo.md # Optimize SEO
Sequence: Workers → Concurrency → Performance
Read ../frontend/web-workers.md # Offload heavy computation Read ../frontend/browser-concurrency.md # Service Workers, offline support Read ../frontend/frontend-performance.md # Optimize overall performance
React Component Patterns → react-component-patterns.md:
Next.js App Router → nextjs-app-router.md:
State Management → react-state-management.md:
Data Fetching → react-data-fetching.md:
Forms → react-form-handling.md:
Accessibility → web-accessibility.md:
Performance → frontend-performance.md:
SEO → nextjs-seo.md:
Web Workers → web-workers.md:
Browser Concurrency → browser-concurrency.md:
Frontend skills commonly combine with:
API skills (discover-api):
Testing skills (discover-testing):
Design (elegant-design Agent Skill):
Database skills (discover-database):
Deployment skills (discover-deployment):
This gateway skill enables progressive loading:
Total context: 2K + 4K + skill(s) = 6-12K tokens vs 25K+ for entire index.
"Build a Next.js app with App Router": Read ../frontend/nextjs-app-router.md
"Create reusable React components": Read ../frontend/react-component-patterns.md
"Implement global state management": Read ../frontend/react-state-management.md
"Build a form with validation": Read ../frontend/react-form-handling.md
"Optimize my app performance": Read ../frontend/frontend-performance.md
"Make my app accessible": Read ../frontend/web-accessibility.md
"Improve SEO": Read ../frontend/nextjs-seo.md
"Offload heavy computation": Read ../frontend/web-workers.md
"Build a PWA with offline support": Read ../frontend/browser-concurrency.md
Use React (Vite) when:
Use Next.js when:
Use Component State (useState) when:
Use Context when:
Use Zustand when:
Use Redux Toolkit when:
For detailed guidance: Read ../frontend/react-state-management.md
Server Components (Next.js App Router):
Server Actions (Next.js):
SWR:
React Query:
For detailed patterns: Read ../frontend/react-data-fetching.md
Read ../frontend/INDEX.md for full category overviewNext Steps: Run Read ../frontend/INDEX.md to see full category details, or load specific skills using the bash commands above.