Spec vira código-fonte

Utilitários de geração de código a partir do spec.

codegen

Peso: médio; 113 linhas · 60–200 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

Cento e treze linhas: exportador customizado, travessia de spec, serialização de prop.

Quando não usar

Só faz sentido dentro de um projeto json-render.

Combina com

Ficha técnica

Descrição original: Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.
Caminho no repo: skills/codegen/SKILL.md
SKILL.md: 113 linhas
Seções: Installation · Tree Traversal · Serialization · Types · Building a Custom Generator

Instalar — vem com o pacote inteiro (25 skills)

CLI skills

No terminal, de qualquer diretório.

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

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