⚡ Дайте ИИ-агенту правила дизайна, прежде чем просить «сделать красиво»^2

Material 3 Skill — бесплатный скилл для Claude Code, Codex, Cursor и других агентов. Внутри собраны инструкции по Material Design 3 — дизайн-системе Google: как оформлять кнопки, подбирать цвета, расставлять отступы и адаптировать интерфейс под разные экраны.

Пригодится, если собираете приложение с нейронкой и задолбались объяснять, почему на каждом экране всё выглядит по-разному.

Что можно поручить агенту со скиллом:
⚡ собрать экран из компонентов Material 3 — внутри описано больше 30;
⚡ подготовить светлую и тёмную темы на основе одного цвета;
⚡ настроить навигацию и расположение элементов для телефона и планшета;
⚡ проверить готовый интерфейс: найти проблемы с цветами, шрифтами, отступами и доступностью, предложить исправления.

Например: «Собери экран списка задач на Jetpack Compose: фильтры, кнопка добавления, тёмная тема и версия для планшета».

Главный упор здесь на Android и Jetpack Compose. Для Flutter инструкции тоже есть, для веба — ограниченные. Это сторонний проект, который собрал рекомендации Google в удобный для агента формат.

⚡ Забрать скилл и установить: GitHub