VoltAgent/awesome-design-md

Что это?

Ключевые возможности

• 01Готовые файлы DESIGN.md для десятков сайтов брендов.
• 02В каждом файле описаны цвета, типографика, компоненты, компоновка, глубина и правила адаптивности.
• 03HTML-страницы предпросмотра с образцами цветов, шкалой размеров шрифта, кнопками и карточками.
• 04Для каждого сайта доступны светлый и тёмный варианты предпросмотра.
• 05Используется формат DESIGN.md из Stitch: обычный Markdown, для которого не нужны специальные инструменты.

Сценарии использования

• Добавить DESIGN.md бренда в проект и попросить AI-агента создать страницу в этом стиле.
• Изучить, как известные сайты организуют дизайн-токены и правила для компонентов.
• Создавать интерфейсы в ретростиле на основе подборки сайтов 1990-х и начала 2000-х годов.
• Поддерживать визуальное единообразие интерфейсов, созданных AI, во всём проекте.

Быстрый старт

1. 1

   Выберите DESIGN.md из коллекции на getdesign.md

2. 2

   Скопируйте файл DESIGN.md в корневую папку проекта, а затем попросите AI-агента создать страницу в соответствии с этим дизайном

В подборках

Темы

Частые вопросы

Что такое awesome-design-md?

Подборка файлов DESIGN.md с сайтов брендов, которые помогают AI-агентам для программирования создавать интерфейсы в соответствии с их дизайн-системами. Awesome DESIGN.md — это коллекция текстовых файлов DESIGN.md. Каждый описывает визуальную дизайн-систему конкретного сайта или бренда: цвета, типографику, компоненты, компоновку, глубину и адаптивное поведение. Файл можно добавить в корень проекта, чтобы AI-агент для программирования прочитал его и создал интерфейс в том же визуальном стиле.

awesome-design-md можно использовать бесплатно? Какая у него лицензия?

awesome-design-md распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

awesome-design-md всё ещё поддерживается?

Активно поддерживается. Последний коммит в awesome-design-md — 28 окт. 2026 г..

Для чего можно использовать awesome-design-md?

Добавить DESIGN.md бренда в проект и попросить AI-агента создать страницу в этом стиле. Изучить, как известные сайты организуют дизайн-токены и правила для компонентов. Создавать интерфейсы в ретростиле на основе подборки сайтов 1990-х и начала 2000-х годов. Поддерживать визуальное единообразие интерфейсов, созданных AI, во всём проекте.

Как установить awesome-design-md?

Выберите DESIGN.md из коллекции на getdesign.md Скопируйте файл DESIGN.md в корневую папку проекта, а затем попросите AI-агента создать страницу в соответствии с этим дизайном

Где скачать awesome-design-md?

Исходный код и инструкции по установке — на GitHub: https://github.com/VoltAgent/awesome-design-md