Awesome DESIGN.md — коллекция дизайнов

источник ↗ ·

Кураторская коллекция DESIGN.md файлов, извлечённых из реальных сайтов для генерации UI с помощью AI-агентов.

design-system ai-agents ui-generation markdown design-tokens claude cursor github-repo

privacy

Эта заметка участвует в semantic memory.

AI Summary

  1. Короткий обзор сути: репозиторий VoltAgent/awesome-design-md собирает готовые DESIGN.md — текстовые описания визуального языка сайтов, которые можно подложить AI-агенту, чтобы он сразу генерировал UI в том же стиле.

🔑 Ключевые факты: DESIGN.md — это обычный markdown-файл без Figma/JSON; Google Stitch ввёл формат; в репозитории 50+ сайтов (Claude, Vercel, Stripe, Tesla и др.); каждый файл содержит 9 секций по спецификации Stitch (Visual Theme, Color Palette, Typography, Components, Layout, Depth, Do/Don't, Responsive, Agent Prompt).

📌 Важные детали: для каждого сайта есть preview.html и preview-dark.html; есть разделы по категориям (AI, DevTools, Fintech, Automotive, Retro); можно запросить DESIGN.md для любого сайта через getdesign.md/request; авторы просят открывать issue перед PR.

💡 Вывод и значение: скопировать DESIGN.md в корень проекта → дать агенту команду «build UI like this» → получить визуально согласованный интерфейс без ручного описания стилей.

Мои мысли

graph

Карта связей