Prompt completo
"Você é um especialista em Design Systems e ferramentas de automação. Elabore um roteiro detalhado (passo a passo) para a criação de um 'componente agnóstico de plataforma' (ex: um botão), desde a definição de seus tokens de design (cor, tipografia, espaçamento) em um arquivo JSON/YAML, passando pela geração automática de código para diferentes frameworks (React, Vue, Web Components) usando um motor de template (ex: Handlebars, Liquid) e um CLI customizado, até a publicação desse componente em um Storybook documentado com testes automatizados (unitários e de integração). Inclua exemplos de estrutura de arquivos, snippets de código (JSON/YAML para tokens, template para geração de código, exemplo de script CLI) e as ferramentas recomendadas para cada etapa, focando na otimização do fluxo de trabalho para times grandes e múltiplos produtos."
Tags relacionadas
Design System
Ferramentas para Design System
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Design System
ChatGPT
Melhores práticas de padrões de design em design system para Design System
Prompt gerado automaticamente para Padrões de design em Design System em Design System
4 usos
ChatGPT
Guia para otimização e performance em design system em Design System
Prompt gerado automaticamente para Otimização e performance em Design System em Design System
4 usos
ChatGPT
Guia para melhores práticas em design system em Design System
Prompt gerado automaticamente para Melhores práticas em Design System em Design System
3 usos