Spec vira Svelte

Renderizador Svelte 5.

svelte

Peso: pesado; 287 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 oitenta e sete linhas.

Quando não usar

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

Combina com

Ficha técnica

Descrição original: Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from JSON, creating component catalogs, or rendering AI-generated specs.
Caminho no repo: skills/svelte/SKILL.md
SKILL.md: 287 linhas
Seções: Quick Start · Creating a Catalog · Defining Components · Creating a Registry · Spec Structure (Element Tree) · Visibility Conditions · Providers (via JsonUIProvider) · Event System · Built-in Actions · Dynamic Props and Two-Way Binding · Context Helpers · Streaming UI

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