Claude Code

A linguagem visual de grandes marcas, num arquivo

O DESIGN.md traz cores, fontes e espaçamento de um site. O agente lê e segue. Você adapta para a sua marca.

O que você entrega

O Claude Code (ou outro agente) e o seu projeto.

O que volta

Um DESIGN.md da sua marca e telas com cara profissional.

O passo a passo

Meia hora.

  1. Abra o repositório

    VoltAgent/awesome-design-md.

  2. Escolha o estilo

    Pela prévia.

  3. Cole o prompt mestre

    Ele está logo abaixo e cria o DESIGN.md da sua marca.

  4. Peça a tela

    Com o arquivo na raiz.

  5. Compare antes e depois

    E ajuste.

Três coisas que vale saber

  • Sua marca, não a deles

    Estrutura sim, logo e cara não.

  • Um estilo por projeto

    Misturar referências vira bagunça.

  • No agente de código

    O arquivo fica na raiz do projeto.

Fatos e caminho conferidos na fonte em 3 de outubro de 2026.

Desbloqueie a construção

Receba o prompt mestre completo

Preencha seus dados para liberar o prompt inteiro, pronto para colar.

São 22 linhas: a marca, a referência, o meu design.md, a tela, conferência. Você cola uma vez e a IA faz o resto.

Carregando…

Sem spam. Seus dados não serão compartilhados com terceiros.

Quer evitar a cara de IA?

Site sem cara de IA, com a Taste Skill.

luccas.ai/g/taste-skill →
Comunidade luccas.ai

Este guia resolve uma tarefa. Na comunidade, você resolve o resto do negócio com IA.

A trilha inteira, do Claude instalado ao atendimento com IA: rotina, redes, vendas, sites e apps. Kits prontos para copiar, hotseat ao vivo comigo todo mês e o grupo no WhatsApp desde o primeiro dia.

Entrar na comunidade

R$ 47,90 por mês. Cancele quando quiser, pela sua área.

Feito por @luccastrombetta

luccas.ai