KuiklyUI-AI — скилл

Q: Как поставить скиллы Kuikly в Cursor или Claude Code?

Команда npx skills add Tencent-TDS/KuiklyUI-AI/skills ставит все скиллы папки skills, а npx skills update Tencent-TDS/KuiklyUI-AI/skills обновляет их. Файлы правил копируются отдельно.

Q: Откуда скилл знает точный API Kuikly?

Из клона Tencent-TDS/KuiklyUI в папке references: документация, исходники ядра, демо и справочник публичных классов. Правило высшего приоритета запрещает писать код по памяти.

Тринадцать скиллов и два файла правил для Kuikly, UI-фреймворка Tencent на Kotlin: компоненты, анимации, сеть, профилировка

138 ★ репозитория
Последний коммит 10 авг. 2026

Скилл Официальный

tencent-tds/kuiklyui-aiАвтор:Tencent-TDS

Установка

Работает в: Cursor
Claude Code
Koda
Coddy

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/kuiklyui-ai

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

При вызове скиллы клонируют репозиторий Tencent-TDS/KuiklyUI и запускают скрипты оболочки для проверки и обновления
Анализатор перекомпозиций может сам запускать платформенные команды, чтобы забрать логи профилировщика с устройства

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

Что делает

Репозиторий KuiklyUI-AI от Tencent-TDS учит агента писать приложения на Kuikly, фреймворке на Kotlin Multiplatform с общим слоем интерфейса для Android, iOS, HarmonyOS, H5 и мини-программ. В папке skills лежат 13 скиллов, в папке rules два файла правил в формате .mdc: kuiklyDSL.mdc для классического DSL и kuiklyComposeDSL.mdc для Compose DSL. Одни скиллы ведут разработку страниц. `kuikly-ui-framework` подсказывает компоненты, модули и раскладку, `kuikly-animation` разбирает декларативные и императивные анимации, `kuikly-reactive-observer` отвечает за реактивное состояние и директивы `vfor` и `vif`, `kuikly-network-and-json` за HTTP-запросы и JSON, `kuikly-coroutines-threading` за потоки и корутины. Другие расширяют сам фреймворк: `kuikly-expand-view` строит собственные View поверх нативных, `kuikly-expand-api` пишет модули связи с платформой, `kuikly-multi-module-config` настраивает многомодульные проекты. Скилл `kuikly-recomposition-analyzer` читает profiler_report.json и profiler_frames.jsonl из Recomposition Profiler в три прохода: сводка отчета, кадры, затем исходный код. В отчет он включает каждый компонент больше чем с 50 перекомпозициями.

Для кого. Мобильным разработчикам на Kotlin Multiplatform, которые пишут интерфейсы на Kuikly в Cursor, Claude Code или CodeBuddy.

Подходит, если

Новая страница на Kuikly со списками, кнопками и роутингом, где агент путает импорты и вызовы API
Нужно анимировать `transform` или `opacity` и выбрать между декларативным и императивным способом
Приложение на Compose DSL тормозит, а на руках профиль перекомпозиций из Profiler
В проект добавляется подмодуль, и конфликтует KuiklyCoreEntry
Платформенную функцию, которой нет в ядре, предстоит подключить через собственный Module

Не подходит, если

Работа идет на другом фреймворке: скиллы знают только компоненты и модули Kuikly
Нужен код под Jetpack Compose без Kuikly: для него в каталоге есть `compose-skill` и `compose-performance-skills`
Нужны общие вопросы по Kotlin: скиллы заточены под API Kuikly и в остальном мало что добавят

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

Собери на Kuikly страницу со списком карточек и кнопкой перехода на детальный экран, импорты и вызовы API бери из документации

Ограничения

Автор отмечает, что репозиторий в разработке и скиллы выходят постепенно. Тексты SKILL.md в основном на китайском, README на английском. Скилл `kuikly-ui-framework` при вызове клонирует репозиторий Tencent-TDS/KuiklyUI в папку `references` и раз в 7 дней запускает проверку обновлений, у `kuikly-compose-ui-framework` те же скрипты, поэтому нужны git и доступ к GitHub. README перечисляет 12 скиллов, а в папке 13: `kuikly-compose-ui-framework` в таблице нет. Лицензию GitHub не распознал.

Как отключить. Удалите папки `kuikly-*` из каталога скиллов агента, а файлы правил уберите из `.cursor/rules/`, `.codebuddy/rules/` или `CLAUDE.md`. Клон исходников лежит в папке `references` внутри папки скилла и уходит вместе с ней.

Частые вопросы

Как поставить скиллы Kuikly в Cursor или Claude Code?

Команда `npx skills add Tencent-TDS/KuiklyUI-AI/skills` ставит все скиллы папки skills, а `npx skills update Tencent-TDS/KuiklyUI-AI/skills` обновляет их. Файлы правил копируются отдельно.

Чем kuiklyDSL.mdc отличается от kuiklyComposeDSL.mdc?

Первый файл задает правила для классического Kuikly DSL с блоками `attr` и `event`, второй для Compose DSL. Выбирайте по DSL проекта. Cursor читает .mdc как есть из `.cursor/rules/`, а для Claude Code текст правила кладут в `CLAUDE.md` или подключают ссылкой `@rules/kuiklyDSL.mdc`.

Откуда анализатор берет данные о перекомпозициях?

Из файлов profiler_report.json и profiler_frames.jsonl: их создает RecompositionProfiler после вызовов `start()` и `stop()` или кнопок в Profiler Overlay. Скилл ищет файлы в `./profiler_logs/` и `./profiler_report.json`, затем пробует забрать их с устройства, а без данных просит собрать их. Если кадров меньше 30, он предупреждает и спрашивает, продолжать ли.

Для чего нужен `kuikly-visibility-exposure`?

Скилл работает с событиями didAppear, didDisappear, willAppear, willDisappear и appearPercentage, чтобы учитывать показы компонентов при прокрутке.

Откуда скилл знает точный API Kuikly?

Из клона Tencent-TDS/KuiklyUI в папке `references`: документация, исходники ядра, демо и справочник публичных классов. Правило высшего приоритета запрещает писать код по памяти.

Обсуждение

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

Скиллы

Miuix Skill

Скилл для Compose UI на библиотеке Miuix в стиле Xiaomi HyperOS: выбор компонентов, темы, навигация и сверка API по исходникам

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

Android Skills for AI Agents

21 скилл для Android и KMP в Claude Code, Codex и Copilot CLI: Compose, корутины, Flow, сеть, хранение, тесты и Gradle

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

claude-android-ninja

Скилл для Android: модульная архитектура, Compose, Material 3, доступность и миграции на Kotlin.

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

chrisbanes/skills

Скиллы для Kotlin, Jetpack Compose и Android: состояние и эффекты, производительность, Flow, тесты, бенчмарки, Gradle и рабочие процессы с PR

СкиллРасширенный доступ1,2 тыс.

Android skills

Официальный

Официальные 30 скиллов команды Android: Jetpack Compose, обновление AGP 9, R8, профилирование Perfetto, Navigation 3, CameraX и политики Google Play

СкиллРасширенный доступ10,5 тыс.

Compose Agent Skill

Скилл для Jetpack Compose и Compose Multiplatform: агент пишет UI по справочникам и сверяется с исходниками androidx

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

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

Инструмент	Официальный	Звезды репозитория	Главное отличие
KuiklyUI-AI (эта карточка)	да	138
Compose Performance Skills	нет	530	набор из 26 скиллов о производительности Jetpack Compose, а здесь Kuikly и его DSL, включая разбор перекомпозиций
Compose Skill	нет	306	скилл для Jetpack Compose и Compose Multiplatform по справочникам androidx, а этот набор работает с фреймворком Kuikly

Коротко о README

В начале README стоит пометка, что репозиторий в разработке. Далее он разбит на две части: таблица правил с инструкцией для CodeBuddy и сводка для Cursor, Claude Code и других инструментов, затем таблица скиллов с описаниями и команды установки и обновления.

Бейдж для README

Исходный SKILL.md

---
name: kuikly-ui-framework
description: Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API 使用方法和完整代码示例。适用场景：Kuikly 页面开发、组件使用、布局实现、事件处理、FlexBox 布局、响应式状态管理、动画效果、页面路由跳转、网络请求、列表渲染、自定义组件/模块扩展、Kuikly 编码问题、KuiklyUI 开发。如需使用 Compose DSL 语法，请使用 kuikly-compose-ui-framework skill。
---

# Kuikly UI 框架开发助手

你是 Kuikly UI 框架开发专家。Kuikly 是基于 Kotlin MultiPlatform(KMP) 构建的跨端开发框架，利用 KMP 逻辑跨平台能力，抽象出通用的跨平台 UI 渲染接口，复用平台的 UI 组件，具有轻量、高性能、可动态化等优点。

本 skill 聚焦于**传统 Kuikly DSL**（`attr { }` / `event { }` 语法）开发。如需使用 Compose DSL 语法，请使用 `kuikly-compose-ui-framework` skill。

## 自动更新机制

**每次被调用时，请先执行以下检查流程：**

1. **检查 references/KuiklyUI 目录是否存在**，如不存在：
   ```bash
   mkdir -p "${SKILL_DIR}/references"
   cd "${SKILL_DIR}/references"
   git clone https://github.com/Tencent-TDS/KuiklyUI
   ```

2. **检查是否需要更新**（仓库已存在时）：
   ```bash
   bash "${SKILL_DIR}/scripts/check-update.sh"
   ```

3. **如果需要更新**（脚本返回退出码 1）：
   ```bash
   bash "${SKILL_DIR}/scripts/update-repository.sh"
   ```

更新策略：自动检查周期 7 天，仓库地址 https://github.com/Tencent-TDS/KuiklyUI ，更新记录文件 `${SKILL_DIR}/scripts/.last-update`。更新失败不阻塞正常使用。

## 参考资源结构

`references/` 目录包含：

### 官方文档 (`references/KuiklyUI/docs/`)
- **API 组件文档**: `docs/API/components/`

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