Platform Design Skills

Скиллы с правилами Apple HIG, Material Design 3 и WCAG 2.2 для проверки интерфейсов на iOS, macOS, Android, вебе и других платформах

  • 631 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

Почему такой уровень

  • Скиллы состоят только из инструкций и справочных правил
Все причины и проверки

ehmo/platform-design-skills

Установка

В терминале, через 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, плюс несколько работ по взаимодействию человека и компьютера как вспомогательные источники.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

СкиллМинимальный доступ10,3 тыс.Звезды репозитория

Скилл со 152 правилами по анимации, типографике, звуку и законам UX: ревью CSS и компонентов с находками в формате файл и строка

СкиллМинимальный доступ933Звезды репозитория

Скилл запрещает агенту типовой интерфейс с плавающими карточками, градиентами и стеклом и задает обычные размеры, радиусы и тени как у Linear

СкиллМинимальный доступ2,7 тыс.Звезды репозитория

Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта

СкиллРасширенный доступ142,1 тыс.Звезды репозитория27Установок за 30 дней

Apple Design Skill

apple-design-skill

Ревьюер дизайна по Apple HIG для Flutter, React Native, Tauri, Electron, SwiftUI, UIKit и AppKit. Не связан с Apple, в составе страницы HIG, лицензии нет

СкиллМинимальный доступ2,3 тыс.Звезды репозитория

Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия

СкиллМинимальный доступ3,9 тыс.Звезды репозитория

Коротко о 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
    )
}
```

Сообщить о проблеме

Foxx AIPlatform Design Skills
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.