Stats
Actions
Tags
From frontend-excellence
Generates state management patterns and code implementations for a given requirement, optionally using a specified solution like Zustand or React Hook Form.
How this command is triggered — by the user, by Claude, or both
Slash command
/frontend-excellence:state <requirement> [solution]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
# State Command State management patterns and implementation ## Arguments **$1 (Required)**: requirement **$2 (Optional)**: solution ## Examples Invoke the state-manager agent with: $ARGUMENTS
State management patterns and implementation
$1 (Required): requirement
$2 (Optional): solution
/state "Manage shopping cart state" zustand
/state "Implement form validation" react-hook-form
Invoke the state-manager agent with: $ARGUMENTS
npx claudepluginhub dotclaude/marketplace --plugin frontend-excellence/stateDesigns React state management architecture: classifies state by category, selects tools (Zustand, React Query, XState), implements stores, optimistic updates, caching, persistence, SSR hydration. Supports audit, migration via flags.
/implement-patternChoose and implement appropriate design pattern for the problem.
/frontendScaffolds customizable React + Vite + TypeScript frontend with routing, state management, Tailwind CSS, auth, API integration, tests, and production configs.
/fire-scaffoldGuided multi-step wizard that scaffolds features and components — React components, API endpoints, database models, pages, hooks, services, and tests — with consistent structure and conventions within an active phase.
/buildImplements features or fixes using project's backend/frontend stack (React/Next.js, APIs, auth, DB), producing testable code following project patterns.
/create-componentGuides UI component creation: detects framework/styling, asks for name/purpose/complexity/props/state specs, generates code with best practices.