🎨
ChatGPT intermediate

Guia para ferramentas para design system em Design System

Prompt gerado automaticamente para Ferramentas para Design System em Design System

4 usos Design System

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