← ClaudeAtlas

setup-designlisted

Inicializa design system do projeto. Recebe dominio como argumento e flag --figma <url> opcional. Spawna planejador que propoe design system completo, aguarda aprovacao do operador, gera docs/design-system.md e componentes wrapper.
rezendefabio/financas-lab · ★ 0 · Web & Frontend · score 73
Install: claude install-skill rezendefabio/financas-lab
Voce deve inicializar o design system do projeto. Execute todos os passos em ordem. ## Input Argumento recebido: `<dominio> [--figma <url>]` Exemplos: - `/setup-design "gestao financeira pessoal"` - `/setup-design "software hospitalar" --figma https://figma.com/file/abc123` ## Passo 0 -- Parsear argumentos Extraia do argumento recebido: 1. **DOMINIO**: tudo antes de `--figma`, com trim. Se `--figma` nao presente, o argumento todo. 2. **FIGMA_URL**: valor apos `--figma`, com trim. Se ausente: `"N/A"`. Validacao: se DOMINIO for vazio apos trim, reporte erro e termine: ``` ERRO: dominio nao pode ser vazio. Uso: /setup-design "<dominio>" [--figma <url>] Exemplo: /setup-design "gestao financeira pessoal" ``` ## Passo 1 -- Spawnar sub-agente planejador Use o Agent tool com: - `subagent_type`: `design-planner` - `prompt`: (montar conforme template abaixo, substituindo DOMINIO e FIGMA_URL) ``` Produza uma proposta completa de design system para o projeto financas-lab. DOMINIO: {DOMINIO} FIGMA_URL: {FIGMA_URL} Instrucoes: 1. Leia docs/design-system.md existente como referencia de formato 2. Leia CLAUDE.md para entender stack (shadcn/ui base-nova, @base-ui/react, Next.js) 3. Liste os componentes wrapper existentes em frontend/src/shared/components/ (excluindo ui/) 4. Produza proposta completa cobrindo: paleta, tipografia, componentes, mapeamentos, page templates, bloqueadores 5. Retorne o conteudo no formato prescrito (dois blocos separados por ---SEPARADOR---) ``` Aguard