Platform Design Skills
Скиллы с правилами Apple HIG, Material Design 3 и WCAG 2.2 для проверки интерфейсов на iOS, macOS, Android, вебе и других платформах
- 631 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы состоят только из инструкций и справочных правил
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/platform-design-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят только из инструкций и справочных правил
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Пакет из восьми скиллов, по одному на платформу: iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android и веб. Каждый скилл сжимает официальные гайдлайны в пронумерованные правила с примерами кода на SwiftUI, Compose, XML или HTML и CSS. Агент подгружает нужный скилл, когда видит задачу по интерфейсу платформы, и проверяет навигацию, раскладку, доступность, темную тему и типографику. Скилл для веба опирается на WCAG 2.2 и MDN.
Для кого. Для мобильных и веб-разработчиков и дизайнеров, которым нужно, чтобы агент соблюдал правила платформы.
Подходит, если
- Проверка экрана SwiftUI или UIKit на соответствие HIG
- Ревью экрана на Jetpack Compose по Material Design 3
- Аудит веб-страницы на доступность
- Выбор паттерна навигации для iPad, Mac или часов
Не подходит, если
- Нужен фирменный визуальный стиль, а не соответствие гайдлайнам
- Нужна автоматическая проверка доступности инструментами, а не ревью по правилам
Пример запроса к агенту
Проверь этот SwiftUI-экран на соответствие Apple HIG и перечисли нарушенияОграничения
Правила пересказывают гайдлайны на момент сборки и могут отставать от новых версий Apple и Google. Скиллы не запускают приложение и не делают скриншоты, они работают с кодом и описаниями.
Как отключить. Удалите папки нужных скиллов из каталога skills вашего агента.
Частые вопросы
Можно поставить только один скилл, например для Android?
Да, установщик позволяет выбрать отдельные скиллы, или можно скопировать одну папку из skills вручную.
На чем основаны правила?
На Apple Human Interface Guidelines, Material Design 3, WCAG 2.2 и MDN, плюс несколько работ по взаимодействию человека и компьютера как вспомогательные источники.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл со 152 правилами по анимации, типографике, звуку и законам UX: ревью CSS и компонентов с находками в формате файл и строка
Скилл запрещает агенту типовой интерфейс с плавающими карточками, градиентами и стеклом и задает обычные размеры, радиусы и тени как у Linear
Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта
Apple Design Skill
apple-design-skill
Ревьюер дизайна по Apple HIG для Flutter, React Native, Tauri, Electron, SwiftUI, UIKit и AppKit. Не связан с Apple, в составе страницы HIG, лицензии нет
Детали, от которых интерфейс приятнее
make-interfaces-feel-better
Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия
Коротко о README
Автор собрал гайдлайны Apple (в репозитории лежит их PDF), Material Design 3 и WCAG и разложил их по отдельным скиллам для каждой платформы. В README для каждого скилла описано, что он покрывает и в каких задачах пригодится. Внутри скилла есть SKILL.md, metadata.json, папка rules с примерами и AGENTS.md. Установка одной командой npx skills add, лицензия MIT.
Бейдж для README
Исходный SKILL.md
---
name: android-design-guidelines
description: Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
license: MIT
metadata:
author: platform-design-skills
version: "1.0.0"
---
# Android Platform Design Guidelines — Material Design 3
## 1. Material You & Theming [CRITICAL]
### 1.1 Dynamic Color
Enable dynamic color derived from the user's wallpaper. Dynamic color is the default on Android 12+ and should be the primary theming strategy.
```kotlin
// Compose: Dynamic color theme
@Composable
fun AppTheme(
darkTheme: Boolean = isSystemInDarkTheme(),
dynamicColor: Boolean = true,
content: @Composable () -> Unit
) {
val colorScheme = when {
dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
val context = LocalContext.current
if (darkTheme) dynamicDarkColorScheme(context)
else dynamicLightColorScheme(context)
}
darkTheme -> darkColorScheme()
else -> lightColorScheme()
}
MaterialTheme(
colorScheme = colorScheme,
typography = AppTypography,
content = content
)
}
```