Pular para o conteúdo
vercel-labs/json-render

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.

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.

  1. 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-render

Do mesmo pacote