Help us improve
Share bugs, ideas, or general feedback.
From frontend-excellence
Generates React and Next.js components implementing the specified requirement, optionally using a pattern like hooks or server-components.
npx claudepluginhub dotclaude/marketplace --plugin frontend-excellenceHow this command is triggered — by the user, by Claude, or both
Slash command
/frontend-excellence:react <requirement> [pattern]sonnetThis command is limited to the following tools:
The summary Claude sees in its command listing — used to decide when to auto-load this command
# React Command React and Next.js component architecture and implementation ## Arguments **$1 (Required)**: requirement **$2 (Optional)**: pattern ## Examples Invoke the react-specialist agent with: $ARGUMENTS
/reactDesigns React app architecture: component hierarchy, state management strategy, performance optimizations, Server Components, concurrent features, and RTL testing patterns. Supports audit, perf, state, test, hooks, migration flags.
/scaffoldScaffolds Next.js App Router pages, layouts, server/client components, API routes, server actions, and loading/error states following best practices and project patterns.
/component-generatorGenerates React components from natural language descriptions with TypeScript types, styling (CSS modules/Tailwind), and tests (RTL/Jest/Vitest). Supports --style, --test, --output flags.
/f5-webGenerates frontend pages, components, hooks, API routes, contexts, and more for auto-detected stack (Next.js default; also React/Vite, Nuxt/Vue 3, Vue 3/Vite, Angular). Usage: <type> <name/path> e.g. page dashboard.
/buildImplements features or fixes using project's backend/frontend stack (React/Next.js, APIs, auth, DB), producing testable code following project patterns.
/react-componentCreates a new React TypeScript component following React 19 best practices, with props interface, accessibility, and client/server modes via --client/--server flags.
Share bugs, ideas, or general feedback.
React and Next.js component architecture and implementation
$1 (Required): requirement
$2 (Optional): pattern
/react "Build authentication flow" hooks
/react "Implement data table with sorting" server-components
Invoke the react-specialist agent with: $ARGUMENTS