BundleDesign
Design System Foundations
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.
- Design System PatternsDesign
- Brand Guidelines (Anthropic Reference)Design
- Theme FactoryDesign
- Avaliação de Cor e Identidade VisualDesign
- Avaliação de TipografiaDesign
- Avaliação de Hierarquia e LayoutDesign
- Algorithmic ArtDesign
- Canvas Design (Visual Philosophy → PNG/PDF)Design
- Frontend Design (Anti-Generic)Engenharia
Execução
Como usar
com IA.
- 01Baixe o bundle ou copie o prompt abaixo.
- 02Abra o Claude ou Claude Code no diretório do projeto.
- 03Cole o prompt — o agente executa os workflows na ordem sugerida.
- 04Use as skills associadas para refinar cada output.
bundle-prompt.txt
> Execute o bundle 'Design System Foundations'. Carregue todos os workflows incluídos na ordem sugerida e aplique cada skill correspondente. Pergunte se faltar contexto em qualquer etapa.