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.
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 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: em agentes de terminal, descompacte o
.zipdentro de.claude/(Claude Code) ou de.agents/(Codex e Gemini CLI) na raiz do projeto; em assistentes web (Claude, Gemini, ChatGPT), anexe os arquivos.mdà conversa. - 03Cole o prompt abaixo e descreva a tarefa que quer realizar. A IA seleciona a skill adequada entre os arquivos fornecidos.
- 04Confira as entradas solicitadas e revise o resultado pelos critérios de conclusão da skill.
bundle-prompt.txt
> Use o bundle 'Fundamentos de Design System' a partir dos arquivos que forneci (o BUNDLE.md e as skills .md do pacote). Pergunte qual tarefa quero realizar, selecione a skill adequada e leia suas instruções antes de aplicá-la. Confira as entradas necessárias e peça o contexto que faltar. Cada skill pode ser usada individualmente.