Spec vira React
Renderizador React do json-render.
react- Peso
- pesado
- 299 linhas · 200–600 linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Combina com 1 outra.
O que ela faz
Duzentas e noventa e nove linhas: catálogo de componente, binding, ação. É o alvo mais usado do framework.
Quando não usar
O nome `react` é o caso mais grave de sequestro de namespace do catálogo. Só instale local.
Combina com
Ficha técnica
- Descrição original
- React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.
- Caminho no repo
skills/react/SKILL.md- SKILL.md
- 299 linhas
- Seções
- Quick Start · Creating a Catalog · Spec Structure (Element Tree) · Named Slots · Visibility Conditions · Providers · Dynamic Prop Expressions · Event System · State Watchers · Built-in Actions · useBoundProp · BaseComponentProps · defineRegistry · Key Exports
Instalar — vem com o pacote inteiro (25 skills)
CLI skills
No terminal, de qualquer diretório.
npx skills add vercel-labs/json-render
Instale local, nunca global. Os nomes de uma palavra só fazem sentido dentro de um projeto json-render; fora dele são um sequestro de namespace.
→O que essa instalação faz na sua máquinaFechar
Como o método funciona
O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.
Precisa ter
- Node 18+
- Um projeto usando @json-render/*
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
O que liga sozinho
- Instala 25 skills com nomes de uma palavra: core, react, next, image, shadcn, remotion, vue, svelte, yaml, redux, jotai, zustand, mcp, ink.
- Instalado global, sobrescreve qualquer skill que já ocupasse esses nomes — nesta máquina ele atropelou a `shadcn` do shadcn/ui, a `remotion-best-practices` do Remotion e a `image` do pacote de marketing.
Outras formas
- Sem `-g`, instala em ./.agents/skills do projeto — que é como este pacote deveria ser instalado.
Sair
npx skills remove vercel-labs/json-renderDo mesmo pacote