Compose Agent Skill
Скилл для Jetpack Compose и Compose Multiplatform: агент пишет UI по справочникам и сверяется с исходниками androidx
Низкий риск
Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.
Почему такой уровень
- Скилл состоит из справочников и выдержек исходного кода, сам ничего не запускает
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/compose-agent-skillОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .claude/skills
cp -R "$tmp/skills/compose-expert" .claude/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .github/skills
cp -R "$tmp/skills/compose-expert" .github/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .devin/skills
cp -R "$tmp/skills/compose-expert" .devin/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Бывший Windsurf.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .cline/skills
cp -R "$tmp/skills/compose-expert" .cline/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .roo/skills
cp -R "$tmp/skills/compose-expert" .roo/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add aldefy/compose-skill --skill compose-expert -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 954ef54
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/aldefy/compose-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/compose-expert/
git -C "$tmp" checkout 954ef54ea32288fbc90745f012d09d7b791f0d8a
mkdir -p .agents/skills
cp -R "$tmp/skills/compose-expert" .agents/skills/compose-expertКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Установи скилл в Claude Code: /plugin marketplace add aldefy/compose-skill, затем /plugin install compose-expert. Дальше просто спрашивай про Compose, скилл подключится сам.
Другие способы из описания автора
/plugin marketplace add aldefy/compose-skill
/plugin install compose-expertЭто чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл дает агенту набор справочников по Jetpack Compose и Compose Multiplatform и куски настоящего исходного кода из androidx и compose-multiplatform-core. Когда пользователь спрашивает про Compose, агент по разделу маршрутизации в SKILL.md выбирает нужный справочник: состояние, производительность, навигация, модификаторы, побочные эффекты, темы, анимация, списки. Для спорных деталей API он сверяется с приложенными исходниками. Есть режим ревью для pull request, где скилл разбирает Compose-код по чек-листу.
Для кого. Для Android и Kotlin Multiplatform разработчиков, которые пишут интерфейсы на Compose с помощью агента.
Подходит, если
- Агент генерирует Compose-код и путает remember, состояние или порядок модификаторов
- Нужно ревью Compose в pull request по правилам, а не на глаз
- Работаете с Compose Multiplatform, TV или Material 3 motion и нужны актуальные паттерны
Не подходит, если
- Проект не на Compose, а на классических View или другой UI-технологии
- Нужна помощь по бэкенду или логике, не связанной с версткой Compose
Пример запроса к агенту
Проверь этот экран на Compose: правильно ли используется remember и порядок модификаторовОграничения
Скилл дает знания и сверку с исходниками, но не заменяет сборку и тесты проекта. Справочники и исходники отражают конкретные версии Compose и со временем требуют обновления. Ключей и платных аккаунтов не требует.
Как отключить. Удалите плагин compose-expert через /plugin или уберите папку скилла из каталога.
Проверка безопасности
- Скилл состоит из справочников и выдержек исходного кода, сам ничего не запускает
Коротко о README
README объясняет, что агенты часто пишут Compose-код, который компилируется, но нарушает детали: неверный remember, лишние рекомпозиции, устаревшая навигация, выдуманные API. Скилл решает это двумя слоями: справочниками по всем крупным темам Compose и выдержками настоящего исходного кода для проверки. Раздел маршрутизации в SKILL.md сопоставляет запрос с одним справочником. Ставится как плагин в Claude Code и Copilot CLI, для остальных агентов есть ручная инструкция. Лицензия MIT.
SKILL.md
---
name: compose-expert
description: >
Compose and Compose Multiplatform expert for UI development across Android, Desktop,
iOS, and Web. Use whenever the user mentions Compose APIs (@Composable, remember,
LaunchedEffect, NavHost, MaterialTheme, LazyColumn, Modifier, recomposition),
Compose Multiplatform (commonMain, expect/actual, Res.*, ComposeUIViewController,
UIKitView, ComposeViewport), Android TV (tv-material, D-pad, focus, Carousel),
Material 3 motion, atomic design systems, design-to-code workflows, Paging 3, or
navigation. Activates Review Mode on GitHub PR URLs and review phrases ("review
this PR", "what's wrong with this"). Auto-detects Compose projects on
session_start. Backed by actual androidx/androidx and JetBrains/compose-multiplatform-core
source receipts. See "## When this skill applies" in SKILL.md for the full trigger
surface.
version: 2.4.0
---
## When this skill applies
The frontmatter `description:` is intentionally short to satisfy Codex / Copilot
CLI's 1024-character cap on that field. The full trigger surface
lives here so it stays available to Claude after the skill loads.
### Compose API mentions
`@Composable`, `remember`, `mutableStateOf`, `derivedStateOf`, `rememberSaveable`,
`LaunchedEffect`, `DisposableEffect`, `SideEffect`, `rememberCoroutineScope`,
`Scaffold`, `NavHost`, `NavController`, `MaterialTheme`, `ColorScheme`,
`Typography`, `LazyColumn`, `LazyRow`, `LazyVerticalGrid`, `HorizontalPager`,
`Modifier`, `Modifier.Node`, `recomposition`, `CompositionLocal`, `Style`,Частые вопросы
С какими агентами работает?
С Claude Code как плагин, с Copilot CLI через copilot plugin install, а для Codex, Cursor, Gemini CLI и других по инструкции INSTALL.md.
Откуда берется сверка с исходниками?
В скилл вложены выдержки исходного кода из androidx/androidx и JetBrains/compose-multiplatform-core, агент читает их, когда нужно проверить поведение API.
Похожие
MCP-сервер и CLI от Sentry для сборки, запуска и тестирования iOS и macOS проектов Xcode из AI-агента
Скилл Пола Хадсона для ревью и написания SwiftUI под iOS 26: устаревшие API, поток данных, навигация, доступность, производительность
Официальные скиллы Expo для агентов: сборка, деплой, обновление и отладка приложений на Expo и EAS
Открытая модель и фреймворк агента для смартфона: видит экран и сам нажимает в приложениях Android, HarmonyOS и iOS по текстовой команде