AIKraft/AI/Войти
AIKraft/Skills/Стили

Стили

Use this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties to use unified styles. Migrate custom design system components, replace hard coded parameters with Style attributes, and use Modifier.styleable for interact

android official Дизайн

Что делает навык

Навык обеспечивает интеграцию экспериментального Jetpack Compose Styles API в Android-проекты, заменяя жёстко заданные параметры модификаторов на единые стили. Он проводит через обновление зависимостей, настройку тем компонентов и миграцию существующих свойств layout на использование атрибутами Style и Modifier.styleable.

Когда применять

  • Миграция кастомных компонентов дизайн-системы на новый API стилей
  • Замена жёстко заданных параметров (цвет, шрифт, отступы) атрибутами Style
  • Использование Modifier.styleable для интерактивности и управления состоянием
  • Настройка тем компонентов и добавление кастомизируемости

Как работает

  1. Проверить требования: compileSdk 37+, foundation 1.12.0-alpha01+ или BOM 2026.04.01+, наличие пакета androidx.compose.foundation.style.Style
  2. Включить экспериментальный API в build.gradle.kts через freeCompilerArgs.add("-opt-in=androidx.compose.foundation.style.ExperimentalFoundationStyleApi")
  3. Проанализировать структуру темы (Theme.kt), выявить токены дизайна и убедиться, что проект использует Material 3
  4. Создать ComponentStyles.kt с data-классом для стилей и статическими ссылками в теме, добавив расширения StyleScope для токенов
  5. Мигрировать компонент: убрать параметры стиля из сигнатуры, добавить style: Style = Style, использовать MutableStyleState и Modifier.styleable
  6. Перенести значения по умолчанию в Style-экземпляр в ComponentStyles.kt и валидировать визуальное соответствие через скриншот-тесты

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

Как мигрировать CustomButton на использование Jetpack Compose Styles API?
Настройте ComponentStyles для темы Jetsnack с поддержкой токенов цветов и типографики
Замените жёсткие параметры модификаторов на Modifier.styleable в существующем компоненте

Что понадобится

  • Android SDK compileSdk версии 37 или выше
  • Зависимость androidx.compose.foundation:foundation версии 1.12.0-alpha01 или выше (или Compose BOM 2026.04.01+)
  • Опцион экспериментального API ExperimentalFoundationStyleApi в настройках компилятора Kotlin

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «styles» из репозитория: # https://github.com/android/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r styles/ ~/.claude/skills/styles/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.