Material Design 3 Skill
Скилл по Material Design 3 для кодовых агентов: токены, более 30 компонентов, темы, адаптивная верстка и аудит соответствия, с упором на Jetpack Compose
- 1 571 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл состоит только из инструкций и справочников по дизайн-системе
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/material-design-3-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл состоит только из инструкций и справочников по дизайн-системе
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл дает агенту справочник по системе Google Material Design 3, чтобы он генерировал интерфейсы с правильными токенами, компонентами, темами, версткой и доступностью. Основной упор на Jetpack Compose, вторично покрыт Flutter, а веб на пакете @material/web помечен как ограниченный, потому что он в режиме поддержки и без части выразительных возможностей. В каталоге более 30 компонентов с привязками к Compose и веб-элементам. Есть режим аудита, который оценивает интерфейс по десяти категориям, от цветовых токенов и типографики до навигации, анимаций и доступности, и выдает отчет с конкретными правками. Материал охватывает M3 Expressive и обновления с Google I/O 2026. Автор указывает, что это дистилляция публичных источников, а не официальная документация.
Для кого. Для разработчиков и дизайнеров на Jetpack Compose, Flutter или вебе, которым нужен интерфейс по Material Design 3.
Подходит, если
- Нужно собрать компонент или экран по Material Design 3 с правильными токенами
- Нужно сгенерировать тему из цвета-семени или каркас приложения
- Нужно проверить существующий интерфейс на соответствие Material Design 3
Не подходит, если
- Проект не на Material Design
- Нужны точные сигнатуры API и версии библиотек, их лучше брать из официальной документации Android
Пример запроса к агенту
Собери форму входа по Material Design 3 с полями почты и пароля на Jetpack ComposeОграничения
Это дистилляция публичных источников, а не официальная документация, содержимое может отставать от обновлений спецификации. Веб-путь ограничен: пакет @material/web в режиме поддержки, M3 Expressive для веба не реализован. Точные сигнатуры API и версии для Compose стоит сверять с документацией Android. Нужен агент, который умеет загружать файлы SKILL.md.
Как отключить. Удалите скилл material-3 через /plugin, если ставили как плагин, или удалите либо отвяжите папку skills/material-3 из каталога скиллов вашего агента.
Частые вопросы
Какая платформа основная?
Jetpack Compose. Flutter покрыт вторично, а веб на @material/web помечен как ограниченный, поскольку он в режиме поддержки и без M3 Expressive.
Можно доверять значениям токенов?
Это дистилляция публичных источников, полезная как быстрый справочник. Точные сигнатуры API и версии библиотек сверяйте с официальной документацией Android.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для Android: модульная архитектура, Compose, Material 3, доступность и миграции на Kotlin.
Официальные 30 скиллов команды Android: Jetpack Compose, обновление AGP 9, R8, профилирование Perfetto, Navigation 3, CameraX и политики Google Play
Сорок скиллов по Flutter для ИИ-агентов: архитектура, Riverpod 3, тесты, хранение данных, i18n, доступность и выпуск в сторы.
Awesome Android Agent Skills
awesome-android-agent-skills
Скиллы по современной разработке под Android для Copilot, Claude, Gemini и Cursor: Kotlin, Jetpack Compose, архитектура, Hilt, Room
Скилл для Jetpack Compose и Compose Multiplatform: агент пишет UI по справочникам и сверяется с исходниками androidx
21 скилл для Android и KMP в Claude Code, Codex и Copilot CLI: Compose, корутины, Flow, сеть, хранение, тесты и Gradle
Коротко о README
README описывает скилл по Material Design 3 для агентов, которые загружают файлы SKILL.md, с упором на Jetpack Compose, вторичным Flutter и ограниченным вебом на @material/web. В комплекте главный SKILL.md и справочники по цвету, компонентам, темам, типографике, навигации и адаптивной верстке, каталог из более чем 30 компонентов и режим аудита по десяти категориям. Учтены M3 Expressive и обновления с Google I/O 2026. Ставится через npx skills или как плагин Claude Code из манифеста marketplace.json, для Codex и других агентов через симлинк папки skills/material-3. Материал собран из публичных источников, лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: material-3 description: > Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and limited web (@material/web, maintenance mode). Covers tokens, 30+ components, layout, theming, M3 Expressive (platform matrix), and accessibility. Use when: "material design", "MD3", "material you", "Jetpack Compose", "MaterialTheme", "material component", "md3 button". user-invokable: true argument-hint: "[component|theme|layout|scaffold|audit] [description or URL]" --- # Material Design 3 This skill guides implementation of Google's Material Design 3 (MD3), a personal, adaptive, expressive design system. MD3 uses dynamic color, tonal surfaces, rounded shapes, and spring-based motion to create UIs that feel alive and personal. ## Philosophy MD3 is built on three principles: - Personal: Dynamic color adapts UI to the user's wallpaper or content. Theming is individual, not one-size-fits-all. - Adaptive: Layouts transform across 5 window size classes. Components resize, reposition, and change form factor responsively. - Expressive: Shape morphing, spring physics, and emphasized typography create moments of delight without sacrificing usability.