Criação de design system com Storybook, Tailwind e testes visuais
Setup completo de Storybook com documentação interativa, testes visuais e integração com CI/CD.
Objetivo do Prompt
Estabelecer um ambiente de desenvolvimento e documentação de componentes com Storybook que sirva como fonte única de verdade para o design system do time.
Exemplo Real de Uso
A healthtech recifense MedConecta tem 8 desenvolvedores frontend e um designer. Componentes são criados ad-hoc, sem documentação, e o designer gasta 30% do tempo revisando implementações que divergem do Figma. Precisam de um Storybook funcional em 3 semanas.
Prompt
Prompt exclusivo para assinantes
Assine para desbloquear este e milhares de outros prompts.
Assinar para desbloquearComo usar este prompt
- 1Cole o prompt diretamente no ChatGPT, Claude, Gemini ou qualquer assistente de IA.
- 2Personalize os campos entre colchetes [assim] com suas informações específicas.
- 3Para melhores resultados, forneça contexto adicional sobre seu caso de uso.
- 4Combine múltiplos prompts em uma conversa para resultados mais completos.
- 5Salve os prompts que mais usa para acesso rápido no futuro.
Prompts relacionados
Ver todosArquitetura de componentes React com design system escalavel
Define a estrutura de componentes, tokens de design e convenções para um design system em React/Next.js.
Otimização de performance em aplicações Next.js com Core Web Vitals
Diagnóstico e plano de ação para melhorar LCP, FID e CLS em aplicações Next.js.
Implementação de acessibilidade WCAG 2.1 AA em aplicações React
Guia completo para tornar uma aplicação React acessível seguindo as diretrizes WCAG 2.1 nível AA.
Gerenciamento de estado complexo com Zustand e React Query
Arquitetura de estado que separa server state e client state usando Zustand + TanStack Query.
Explore outras categorias de prompts
Assine o AulasDeIA para desbloquear
Acesse 10.000+ prompts prontos para usar em qualquer profissão, além de todos os cursos da plataforma.
Cancele quando quiser. Sem multas.
