BundleDesign
Fundamentos de Design System
Bundle para times que estao construindo, evoluindo ou auditando um design system completo - tokens, tipografia, cor, layout, identidade, hierarquia e implementacao frontend.
0 workflows·9 skills
Ações
Baixar .zipAudiênciaDesigner, Dev, Líder
NívelPleno
CenárioConstruir design system do zero., Auditar consistencia visual de produto existente., Implementar tokens + componentes em codigo., Aplicar identidade visual em multiplos artefatos.
Objetivo
Em uma frase.
Ajudar designers e devs a estabelecer fundamentos solidos de design system - das decisoes conceituais (cor, tipografia, brand) ate a implementacao frontend que nao caia em AI slop.
Componentes
Skills
destacadas.
- Padrões de Design SystemDesign
- Aplicação de Diretrizes de MarcaDesign
- Fábrica de TemasDesign
- Avaliação de Cor e Identidade VisualDesign
- Avaliação de TipografiaDesign
- Avaliação de Hierarquia e LayoutDesign
- Arte AlgorítmicaDesign
- Design de Canvas (Filosofia Visual → PNG/PDF)Design
- Design de Frontend Anti-GenéricoEngenharia
Execução
Como usar
com IA.
- 01Baixe o bundle (botão abaixo): o
.ziptraz o bundle, os workflows incluídos e todas as skills, em arquivos.md. Só copiar o prompt não basta — os arquivos são as instruções reais. - 02Entregue os arquivos à IA: no Claude Code, descompacte o
.zipna pasta do projeto (ou em.claude/skills/); no Claude (claude.ai), anexe os arquivos.mdà conversa. - 03Cole o prompt abaixo — a IA executa os workflows na ordem sugerida, usando os arquivos fornecidos.
- 04Use as skills associadas para refinar cada output.
bundle-prompt.txt
> Execute o bundle 'Fundamentos de Design System' a partir dos arquivos que forneci (o BUNDLE.md, os workflows e as skills .md do pacote). Carregue os workflows incluídos na ordem sugerida e aplique cada skill correspondente. Pergunte se faltar contexto em qualquer etapa.