Mais de 1270 designs de sites reais para agentes de código com IA
Uma biblioteca gratuita de arquivos design.md permite enviar o estilo de landing pages reais para agentes de código como Claude Code, Codex ou Cursor.
Encontrou-se uma biblioteca aberta com designs de mais de 1270 sites reais. Desenvolvedores podem escolher uma landing page, baixar seu arquivo design.md e passá-lo para Claude Code, Codex ou Cursor.
O arquivo inclui recomendações de layout, paleta de cores e tipografia. O agente de IA usa esses dados para recriar interfaces no mesmo estilo visual.
O serviço funciona gratuitamente e sem cadastro.
Link: UI Gradient Deck.
Por que isso importa
AnáliseFornece aos agentes de código referências visuais concretas, reduz o tempo de pesquisa e ajuda a criar interfaces mais coerentes.
Debater na comunidade
Compartilhe suas dúvidas e insights com desenvolvedores
Relacionado no ecossistema
Guias práticos, terminologia essencial e skills de agentes
50 estilos de design visual: guia fundamental para sistemas de design, UI/UX e direção de arte
Dicionário visual completo com 50 estilos de design: análise de estética, paletas de cores, pares tipográficos, regras para sistemas de design e controle preciso de IA.
Como criar o seu próprio design system no Claude Design: do moodboard ao mascote animado
Guia prático para estruturar um design system de marca no Claude Design: referências visuais, 4 conceitos contrastantes, tokenização, testes e mascote animado em SVG.
Desenvolvedor do Ghostty adiciona regra de provocação para agentes de IA no AGENTS.md
O arquivo AGENTS.md do Ghostty pede que agentes de IA incluam um arquivo provocador ao criar pull requests; o Turborepo usa uma regra semelhante.
ChatGPT Canvas (Área de Trabalho Interativa)
Interface de dois painéis do ChatGPT para trabalho iterativo em código e textos. Permite destacar parágrafos específicos, ajustar a extensão, alterar o nível de legibilidade e depurar código sem reescrever todo o documento.