material-3-expressive — скилл для Claude Code: дизайн Android UI
Скилл для проектирования и ревью Android-интерфейсов по Material 3 Expressive: подбирает токены компонентов, задаёт иерархию, движение, цвет и форму.
npx skills add Albermonte/android-skills --skill material-3-expressive -a claude-codeЧто делает material-3-expressive
Скилл помогает агенту принимать дизайн-решения по Material 3 Expressive, а не просто писать код. Он приоритетно отвечает на запросы по токенам компонентов: диалоги, шторки, модальные окна, тулбары, кнопки. По умолчанию выдаёт рекомендации вместе со ссылками на токены.
Внутри — пошаговый разбор: сначала уточняются класс устройства, класс размера окна, ограничения бренда и динамический цвет, главные действия и hero-моменты. Затем скилл загружает индекс токенов и шаблон вывода, спецификации компонентов, а при необходимости — базовые токены темизации. Есть таблица типичных ошибок: убранные подписи, лишние hero-моменты, сломанная навигация, захардкоженные значения токенов.
Скилл рассчитан только на Android. Для не-Android платформ, задач без UI и чистой реализации без дизайн-решений он не подойдёт. В чек-листе ревью — контраст 4.5:1 для текста и 3:1 для нетекстовых элементов, цели нажатия от 48dp, альтернатива для reduced-motion. Если в проекте анимация отключена системно, скилл требует мгновенных переходов вместо морфинга.
Какие задачи решает
- подобрать токены для диалогов, шторок и тулбаров
- задать иерархию типографики и цвета под M3 Expressive
- проверить Android-интерфейс по чек-листу доступности
- выбрать уровень выразительности под конкретный экран
- добавить reduced-motion альтернативу для анимаций
Примеры запросов агенту
- Подбери токены Material 3 Expressive для bottom sheet на телефоне
- Проверь этот экран Android на соответствие M3 Expressive
- Задай hero-момент и уровень интенсивности для экрана онбординга
Как установить material-3-expressive
1Через Skills CLI (Vercel)
npx skills add Albermonte/android-skills --skill material-3-expressive -a claude-code2Вручную: положить файлы
~/.claude/skills/material-3-expressive/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/material-3-expressive/
1Через Skills CLI (Vercel)
npx skills add Albermonte/android-skills --skill material-3-expressive -a codex2Вручную: положить файлы
.agents/skills/material-3-expressive/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Albermonte/android-skills --skill material-3-expressive -a cursor2Вручную: положить файлы
.cursor/skills/material-3-expressive/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Albermonte/android-skills material-3-expressive2Вручную: положить файлы
.github/skills/material-3-expressive/SKILL.md1Через Skills CLI (Vercel)
npx skills add Albermonte/android-skills --skill material-3-expressive -a gemini-cli2Командой платформы
gemini skills install https://github.com/Albermonte/android-skills --path skills/material-3-expressiveВручную: положить файлы
.devin/skills/material-3-expressive/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Albermonte/android-skills --skill material-3-expressive -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о material-3-expressive
Как установить material-3-expressive в Claude?
Выполните npx skills add Albermonte/android-skills --skill material-3-expressive -a claude-code. Скилл появится в ~/.claude/skills/material-3-expressive/SKILL.md.
Что делает material-3-expressive?
Помогает агенту проектировать и проверять Android UI по Material 3 Expressive: подбирает токены компонентов, задаёт иерархию, движение, цвет, форму и типографику.
Для каких платформ подходит скилл?
Только для Android. Для не-Android платформ и задач без дизайн-решений он не предназначен.
