VoltAgent собрал 84 файла DESIGN.md с разбором дизайна сайтов
Коллекция awesome design md от VoltAgent: 84 готовых файла DESIGN.md с разбором дизайн-систем сайтов. По README их копируют в корень проекта, чтобы AI-агент собирал интерфейс в заданной визуальной логике.
Что лежит в репозитории
В репозитории VoltAgent на GitHub собрано 84 файла DESIGN.md. Каждый описывает дизайн-систему сайта обычным текстом, который AI-агент читает перед генерацией интерфейса. В README проект называет DESIGN.md концепцией Google Stitch: это markdown без экспорта из Figma, JSON-схем и отдельного инструментария. Выбор формата там объясняют тем, что markdown — формат, который языковые модели (LLM) читают лучше остальных.
Файлы разложены по категориям: AI- и LLM-платформы, инструменты разработчика, backend и DevOps, продуктивность, дизайн, финтех, e-commerce, медиа. В списке есть Claude, Cursor, Linear, Stripe, Figma, Notion, Vercel, а также банки, криптобиржи, медиа и ритейл. Для каждого сайта README коротко перечисляет визуальные приёмы: акцентный цвет, типографику, плотность интерфейса или характерные элементы. Например, у Claude отмечены тёплый терракотовый акцент и редакционная вёрстка, у Linear — минимализм и фиолетовый акцент, у Ollama — монохром и терминальная эстетика. Авторы пишут, что в основе файлов лежит разбор паттернов, токенов и правил. В темах GitHub указаны awesome-list, design-md, design-system, design-tokens, figma, landing-page и vibe-coding.
Практический смысл в том, чтобы задать визуальную логику проекта одним текстовым документом. README разделяет роли двух файлов: DESIGN.md описывает, как интерфейс должен выглядеть, AGENTS.md — как собирать проект. Пригодится это разработчикам, дизайнерам и вайбкодерам, которые собирают интерфейс через AI-агентов или веб-конструкторы и хотят держать стиль в файле, доступном агенту.
Как начать по README
Старт описан без установки: скопировать выбранный DESIGN.md в корень проекта и попросить AI-агента собрать страницу в этом стиле. README обещает, что файл поймёт любой AI-агент для кодинга или Google Stitch. Это утверждение проекта, независимой проверки в документах нет.
Дальше агент читает markdown и использует описанные правила как ориентир для вёрстки и визуальных решений. Отдельной команды CLI, конфигурации или JSON-схемы в README нет, только текстовый файл. По README, экспорт макета из Figma и специальная схема агенту не нужны: достаточно поместить файл в проект.
Для конкретного сайта README предлагает запросить DESIGN.md через getdesign.md, включая закрытые запросы, которые передают только заказчику. Сама коллекция уже лежит в репозитории и доступна без запроса.
Ограничения и лицензия
Репозиторий представляет собой курируемую коллекцию готовых файлов. README называет результат качественным интерфейсом и обещает вёрстку, которая сохраняет визуальную согласованность с дизайн-языком сайта. Среди рекламных блоков там же указано место проекта в общем рейтинге GitHub. Независимого теста, сравнения с другими наборами или данных о том, как файлы работают в разных агентах, в документах нет. Редакция проект не тестировала.
Файлы описывают визуальные правила. README не объясняет, как проверять доступность, производительность или безопасность сгенерированного интерфейса, как проверялись исходные сайты и насколько полно в DESIGN.md перенесены их дизайн-токены. Что именно задаёт файл, видно в самом markdown-документе.
Метаданные GitHub указывают лицензию MIT; LICENSE содержит текст MIT License с copyright (c) 2026 VoltAgent, SPDX-идентификатор — MIT. Лицензия разрешает использовать, копировать, изменять и распространять файлы при сохранении уведомления об авторских правах и текста лицензии; ПО предоставляется «как есть», без гарантий.
Снимок метрик: 127 073 звезды на момент выборки материала, последний push датирован 28 октября 2026 года. По числу звёзд и частоте обновлений нельзя судить о качестве самих файлов.