RPresentes do Rafael
← Todos os presentes
Você comentou DIAGRAMA

Diagram Design: diagramas nas cores da sua marca

O Diagram Design é uma skill grátis (licença MIT) que faz o Claude Code, o Codex ou o Cursor desenhar diagramas nas cores e fontes da sua marca. Já tem quase 60 mil estrelas no GitHub.

24 out 2026

Repositório: github.com/cathrynlavery/diagram-design Galeria de exemplos: cathrynlavery.github.io/diagram-design

01Como instalar

No terminal: npx skills add cathrynlavery/diagram-design Ou dentro do Claude Code:

/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design

02Primeiro pedido (puxa a sua identidade)

"Onboard diagram-design to https://seusite.com.br" Ela lê o site, propõe a paleta e as fontes e espera você confirmar.

03Pedidos prontos

  1. 1"Desenha um fluxograma do caminho do meu cliente, do anúncio até a compra, com as etapas: anúncio, página, conversa no WhatsApp, pagamento."
  2. 2"Faz um quadrante comparando os meus produtos por preço e por tempo até o resultado."
  3. 3"Monta uma linha do tempo das aulas do meu curso, uma etapa por semana."
  4. 4"Exporta o diagrama em PNG vertical pra post."

Precisa de um agente instalado (Claude Code, Codex, Cursor ou outro da lista do README).

Próximo passo

Quer montar um produto inteiro com essa mesma lógica?

O Sistema 7 Minutos tem 4 agentes de IA que fazem a oferta, a página de vendas, a VSL e os anúncios a partir das suas respostas.

Conhecer o Sistema 7 Minutos