React skill: what it does and how to install it
Renders json-render JSON UI specifications as typed React component trees with registries, state bindings, visibility rules and event-driven actions.
Summary generated from the skill's documentation.
Install
$ npx skills add vercel-labs/json-render --skill reactRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Defines typed component catalogues and registries, then renders element-tree JSON through React. It supports named slots, conditional visibility, state and two-way bindings, computed props, events, watchers, validation and built-in state actions, with optional external stores.
When to use it. When building React interfaces from JSON with @json-render/react, including AI-generated specifications and reusable component libraries.
History
Repo stars
18.8k
Tracking since . A chart appears once there are 7 days of data.
Installs
16.3k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Web Artifacts BuilderBuilds multi-component claude.ai HTML artifacts with React, Tailwind CSS and shadcn/ui, for work that needs state or routing.
- PiniaReference for Pinia, Vue's state management library: defining stores, state, getters, actions and store patterns.
- Dispatching Parallel AgentsSplits two or more independent tasks across parallel agents when they share no state.