4 файла, необходимых любой дизайн-системе под управлением ИИ

Искусственный интеллект постоянно игнорирует вашу систему проектирования, потому что не знает, когда и как её использовать. 📊 Создайте контекст для вашего продукта с помощью ИИ → Создайте файлы AGENTS.md, PRODUCT.md, DESIGN.md и навыки проекта, необходимые вашему агенту ИИ для понимания вашего продукта: https://designproject.io/product-cont... 👥 Присоединяйтесь к сообществу TDP для участия в ежемесячных сессиях, просмотра записей, получения обратной связи и доступа к практическим ресурсам по проектированию и кодированию: https://designproject.io/community/?u... 🏢 Хотите помочь вашей команде разработчиков продукта начать использовать ИИ в процессе проектирования? Узнайте больше о наших мастер-классах: https://tally.so/r/WOPNPP/?utm_source... СМОТРЕТЬ БОЛЬШЕ ПОДОБНОГО ▶️Создание пользовательского навыка Claude Code с нуля    • Building a custom Claude Code Skill from s...   ▶️Аудит вашей кодовой базы и создание библиотеки компонентов за один день (урок по Claude Code)    • Audit Your Codebase & Build a Component Li...   ▶️Я создал всю свою дизайн-систему за 4 часа с помощью ИИ. Полный урок (Claude + Cursor + Figma)    • I Built My Entire Design System in 4 Hours...   Даже хорошо разработанная библиотека компонентов может начать отклоняться от намеченного пути, если ИИ-агенты не понимают, где она находится, как связана с кодовой базой или когда её следует использовать. Поначалу это обычно проявляется в мелочах: ​​вместо существующего компонента появляется новая кнопка, значения отступов выходят за рамки системы токенов, или универсальный шаблон панели управления заменяет что-то специфичное для продукта. Со временем эти решения создают внутри кодовой базы вторую систему дизайна, которую никто не планировал создавать. В этом пошаговом руководстве я использую продукт с открытым исходным кодом, чтобы объяснить четыре файла, которые предоставляют агентам необходимый контекст: AGENTS.md или CLAUDE.md для постоянных правил кодовой базы Навыки для рабочих процессов, специфичных для конкретных задач product.md для пользователей, назначения, личности и принципов продукта design.md для токенов, типографики, компонентов и правил пользовательского интерфейса ЧТО ВЫ УЗНАЕТЕ Что должно быть в AGENTS.md и CLAUDE.md Когда использовать навыки для инструкций, специфичных для конкретной задачи Как product.md передает замысел продукта и вкус дизайна Как структурировать design.md, чтобы агенты следовали существующим правилам пользовательского интерфейса Как уменьшить расхождение компонентов и ложные шаблоны СВЯЖИТЕСЬ СО МНОЙ The Design Project 🌐 https://designproject.io/?utm_source=... 💼 LinkedIn   / diannealter   ВРЕМЕННЫЕ МЕТКИ 00:00 Почему ИИ-агенты игнорируют вашу дизайн-систему 01:56 AGENTS.md и CLAUDE.md 08:10 Навыки: инструкции для конкретных задач 10:39 PRODUCT.md: определение пользовательского опыта продукта 16:03 DESIGN.md: документирование визуальной системы 19:25 Создание дизайн-системы, понятной для ИИ В The Design Project мы помогаем командам разработчиков B2B SaaS-продуктов быстрее выпускать продукты, сочетая инструменты ИИ со стратегическим опытом в области дизайна. Мы работали с более чем 50 командами, включая компании, приобретенные Slack, Nvidia и MrBeast, чтобы сократить циклы разработки продуктов вдвое, используя проверенные на практике рабочие процессы и дизайн-системы на основе ИИ.