Xstate
vercel-labs/json-renderXState Store is a tool for managing state in your app. This skill connects XState Store to json-render, a library that builds user interfaces from JSON. You can use an atom from XState Store as the state backend for json-render. This makes it easy to keep your UI in sync with your app state.
Developers who already use XState Store can now power their json-render forms and dashboards. The adapter handles all the reading and writing of state. You just create an atom and pass it to the adapter.
You get a simple way to integrate two powerful libraries. No complex wiring is needed. Just install the package and follow the setup steps.
Add Xstate skill to your workflow
Global
mkdir -p ~/.claude/skills/xstateProject
mkdir -p .claude/skills/xstateSource Repository
More Frontend Development Claude Code Skills
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density