Platform Design Skills

Установка

npx skills add ehmo/platform-design-skills

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Пакет из восьми скиллов, по одному на платформу: iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android и веб. Каждый скилл сжимает официальные гайдлайны в пронумерованные правила с примерами кода на SwiftUI, Compose, XML или HTML и CSS. Агент подгружает нужный скилл, когда видит задачу по интерфейсу платформы, и проверяет навигацию, раскладку, доступность, темную тему и типографику. Скилл для веба опирается на WCAG 2.2 и MDN.

Для кого. Для мобильных и веб-разработчиков и дизайнеров, которым нужно, чтобы агент соблюдал правила платформы.

Пример запроса к агенту

Проверь этот SwiftUI-экран на соответствие Apple HIG и перечисли нарушения

Ограничения

Правила пересказывают гайдлайны на момент сборки и могут отставать от новых версий Apple и Google. Скиллы не запускают приложение и не делают скриншоты, они работают с кодом и описаниями.

Как отключить. Удалите папки нужных скиллов из каталога skills вашего агента.

Проверка безопасности

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

Коротко о README

Автор собрал гайдлайны Apple (в репозитории лежит их PDF), Material Design 3 и WCAG и разложил их по отдельным скиллам для каждой платформы. В README для каждого скилла описано, что он покрывает и в каких задачах пригодится. Внутри скилла есть SKILL.md, metadata.json, папка rules с примерами и AGENTS.md. Установка одной командой npx skills add, лицензия MIT.

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
    )
}
```

Похожие