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

Spec vira terminal

Renderizador Ink: interface de terminal a partir do spec.

ink
Peso
pesado
276 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 setenta e seis linhas para o alvo mais inesperado do framework.

Quando não usar

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

Ficha técnica

Descrição original
Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.
Caminho no repo
skills/ink/SKILL.md
SKILL.md
276 linhas
Seções
Quick Start · Spec Structure (Flat Element Map) · Standard Components · Visibility Conditions · Dynamic Prop Expressions · Event System · Built-in Actions · Repeat (Dynamic Lists) · Streaming · Server-Side Prompt Generation · Providers · createRenderer (Higher-Level API) · Key Exports · Terminal UI Design Guidelines

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