Представь, что ты нанял подрядчика без брифа. Он умный, быстрый, но не знает ни твоих правил, ни твоего стиля. Сделает по-своему, и каждый раз по-разному. Нейронка в проекте ведёт себя так же: без рамки она импровизирует.
Рамок нужно две, и они про разное.
AGENTS.md отвечает на вопрос «что делать и как себя вести». Где лежит код, какие команды нельзя запускать, какой стиль кода принят, что проверять перед сдачей. Это свод правил поведения.
DESIGN.md отвечает на вопрос «как это должно выглядеть». Цвета в точных значениях, шрифты, отступы, радиусы, тон интерфейса. Это дизайн-система, про неё был отдельный пост в серии.
Поодиночке каждый файл закрывает половину задачи. Вместе они дают нейронке полную картину: AGENTS.md говорит, как работать, DESIGN.md говорит, как должно получиться. Агент перестаёт гадать и начинает попадать в твой проект с первого раза, а не после пятой переделки.
Короче, не пытайся объяснять нейронке всё заново в каждом промпте, а один раз положи рядом два файла, которые отвечают на два главных вопроса. Минимум усилий, максимум предсказуемости.
Самое важное: это не код и не терминал. Это два текстовых файла. Их можно написать словами, как письмо новому сотруднику, и положить в проект. Нейронка прочитает сама.
Где взять готовый DESIGN.md
Refero Styles — styles.refero.design. Бесплатный поиск по сотням готовых DESIGN.md с реальных сайтов. Вводишь бренд (Linear, Stripe, Notion) или вставляешь URL любого сайта, получаешь готовый файл. Копируешь одной кнопкой.
Stitch от Google — генерит интерфейс по описанию и экспортирует дизайн-систему в DESIGN.md. Подходит, если хочешь не скопировать чужой стиль, а собрать свой.
Библиотека стилей tatsy.pro . Формально это не DESIGN.md, а промпт-блок, но идея та же: готовая дизайн-система, которую копируешь и вставляешь в нейронку. Проще всего, если не хочешь разбираться с форматом.
Как сделать свой DESIGN.md
Создай текстовый файл с именем DESIGN.md
Вверху пропиши токены: основные цвета в hex, шрифты, размеры, отступы, радиусы
Ниже обычным текстом объясни: какое настроение у бренда, что с чем сочетать, что использовать нельзя
Положи файл в корень проекта
Нейронка-агент прочитает его сама и будет держать дизайн в рамке
#вайб_дизайн
Написано человеком.
Подпишись в Telegram и Дзен 🧠
TATSY.PRO