Compose Multiplatform Patterns
monta-app/ocpp-emulator
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose…
Install Kuikly Compose UI Framework
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-framework --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .claude/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .claude/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-frameworkType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-framework --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .agents/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .agents/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-framework --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .cursor/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .cursor/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Tencent-TDS/KuiklyUI-AI.git --path skills/kuikly-compose-ui-framework--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-framework --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .gemini/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .gemini/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-frameworkInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .github/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .github/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-compose-ui-framework --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Tencent-TDS/KuiklyUI-AI.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/kuikly-compose-ui-framework .opencode/skills/kuikly-compose-ui-framework && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "kuikly-compose-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-compose-ui-framework into .opencode/skills/kuikly-compose-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-compose-ui-framework", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
kuikly-compose-ui-framework- GitHub stars
- 129
- Token cost
- ~2.5k tokens
- SKILL.md length
- 410 words
- Files
- 4 (incl. scripts)
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose…
- Works in 4 steps: 平台支持 → Compose DSL 包名规则 → Compose DSL 页面定义 → …
- Mobile work in your project
- SKILL.md covers 自动更新机制, 参考资源结构, 最高优先级规则：禁止凭记忆写代码 and 核心能力, plus 4 more sections
- Runs Shell scripts from its folder; calls bash and git; reaches github.com
What it does
Kuikly Compose UI Framework is an agent skill from Tencent-TDS/KuiklyUI-AI. Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose 动画效果、Compose 状态管理、Compose 导航路由，在编写 Kuikly Compose 代码时使用此 skill。如需使用传统 Kuikly DSL（attr/event 语法），请使用 kuikly-ui-framework skill。
Its SKILL.md is about 2.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including scripts (for example `scripts/check-update.sh`, `scripts/test-update.sh` and `scripts/update-repository.sh`).
It sits in Mobile. It works with Jetpack Compose, Android and Kotlin. The repository describes itself as: AI-powered development tools and rules for KuiklyUI — boost your Kuikly cross-platform development productivity.
When your agent uses it
- Mobile work in your project
Example prompts
- “/kuikly-compose-ui-framework”
Requirements
- A Bash shell
Workflow steps
4 steps, taken from the step headings in SKILL.md.
- 平台支持
- Compose DSL 包名规则
- Compose DSL 页面定义
- Compose DSL 基本示例
What it can do on your machine
Read from SKILL.md and the folder at commit af4e8ee. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 3 files in scripts/ (Shell), which the agent can run.
Shell commands in SKILL.md call:
bashgit
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
github.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Kuikly Compose UI Framework loads about 2.5k tokens when it runs. Until then it costs about 86 tokens; SKILL.md has 410 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 410 words (~2,531 tokens).
“你是 Kuikly Compose DSL 框架开发专家。Kuikly 是基于 Kotlin MultiPlatform(KMP) 构建的跨端开发框架，Compose DSL 是 Kuikly 支持的标准 Compose 语法模式，覆盖 Android/iOS/鸿蒙/H5/微信小程序。”
- name
- kuikly-compose-ui-framework
Files
SKILL.md and 3 other files (scripts) in skills/kuikly-compose-ui-framework of Tencent-TDS/KuiklyUI-AI.
- SKILL.md
- scripts/check-update.sh
- scripts/test-update.sh
- scripts/update-repository.sh
Open the folder on GitHubat commit af4e8ee
Compare with similar skills
Kuikly Compose UI Framework next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Kuikly Compose UI Framework this skillTencent-TDS/KuiklyUI-AI | 129 | — | ~2.5k | Automated safety check: Pass | Custom licence | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Android Developmentdpconde/claude-android-skill | 337 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Claude Android NinjaDrjacky/claude-android-ninja | 124 | — | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| Jetpack Composedarriousliu/PiPixiv | 263 | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | |
| Coding Stylesk2andy/candy-browser | 508 | — | ~548 | Automated safety check: Pass | MPL-2.0 |
Similar skills
Android Development
dpconde/claude-android-skill
Create production-quality Android applications following Google's official architecture guidance and NowInAndroid best practices.
Claude Android Ninja
Drjacky/claude-android-ninja
Build and migrate Android apps with Kotlin, Jetpack Compose, MVVM, Hilt, Room 3 (KSP, SQLiteDriver, Flow/suspend DAOs), Navigation3, and multi-module Gradle.
Jetpack Compose
darriousliu/PiPixiv
Jetpack Compose expert skill for Android UI development. An agent skill from darriousliu/PiPixiv.
Coding Style
sk2andy/candy-browser
Apply Candy Browser's project-specific Kotlin, Jetpack Compose, Android/WebView, testing, and generator conventions.
Compose Agent
hamen/compose_skill
Helps AI coding assistants write modern Jetpack Compose: correct state, side effects, performance-aware modifiers, Navigation 3, Paging 3 in Compose, coroutines on lifecycle, animations, UI tests…
More from Tencent-TDS/KuiklyUI-AI
All 13 skills in this repoKuikly UI Framework
Tencent-TDS/KuiklyUI-AI
Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…
Kuikly Animation
Tencent-TDS/KuiklyUI-AI
Kuikly DSL 动画开发助手(Kuikly DSL)。指导使用声明式和命令式两种方式实现 transform、opacity、backgroundColor、frame 等属性动画，涵盖串行/并行编排与动画取消。当用户需要实现动画效果时使用。
Kuikly Assets Resource
Tencent-TDS/KuiklyUI-AI
Kuikly 资源文件管理与加载助手。指导如何在 Kuikly 中添加、打包和加载 assets 资源，包括目录结构规范（common/页面资源）、各平台打包配置（Android/iOS/鸿蒙/H5/微信小程序/动态化）、ImageUri API 使用。当用户需要在 Kuikly 中使用本地图片资源、配置 assets 打包时使用。
Kuikly Compose Interop Dsl
Tencent-TDS/KuiklyUI-AI
Compose DSL 混用 Kuikly DSL 完整开发助手。指导如何在 Compose DSL 页面中嵌入 Kuikly DSL 组件（DeclarativeBaseView / ViewContainer)及在 Compose 中调用 Kuikly Module。当用户需要在 Compose 页面中复用 Kuikly DSL 组件、封装原生 View 为 Composable、在…
Kuikly Coroutines Threading
Tencent-TDS/KuiklyUI-AI
Kuikly 协程与多线程编程助手。指导如何在 Kuikly 中进行异步编程，包括 Kuikly 内建协程、kotlinx 协程、kuiklyx 协程库。当用户在 Kuikly 中需要执行异步任务、切换线程、使用协程、回到 Kuikly 线程更新 UI、排查线程安全问题时使用。
Kuikly Expand API
Tencent-TDS/KuiklyUI-AI
Kuikly 自定义 Module 开发助手。指导如何创建自定义 Module，扩展原声API。覆盖完整开发流程：Kuikly 侧 Module 定义、Pager/ComposeContainer 注册、各平台 Native 侧实现、Module 注册,及使用。当用户需要自定义 Module、扩展原生 API、实现 Kuikly 与 Native 双向通信、在各平台实现 Module 的…
Related
Works with
Categories
Questions about Kuikly Compose UI Framework
What does Kuikly Compose UI Framework do?
Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose…. Kuikly Compose UI Framework is an agent skill from Tencent-TDS/KuiklyUI-AI.
When should I use Kuikly Compose UI Framework?
Kuikly Compose UI Framework fits situations like: mobile work in your project.
How do I install Kuikly Compose UI Framework in Claude Code?
Run `npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a claude-code`. Or copy the skill folder (skills/kuikly-compose-ui-framework in Tencent-TDS/KuiklyUI-AI) into .claude/skills/kuikly-compose-ui-framework in your project. Claude Code loads it when a task matches its description.
How do I install Kuikly Compose UI Framework in Codex?
Run `npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a codex`. Or copy the skill folder (skills/kuikly-compose-ui-framework in Tencent-TDS/KuiklyUI-AI) into .agents/skills/kuikly-compose-ui-framework in your project. Codex loads it when a task matches its description.
Can I use Kuikly Compose UI Framework in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-compose-ui-framework -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/kuikly-compose-ui-framework, .gemini/skills/kuikly-compose-ui-framework, .github/skills/kuikly-compose-ui-framework and .opencode/skills/kuikly-compose-ui-framework in your project.
What does Kuikly Compose UI Framework need to run?
Going by SKILL.md and its folder, Kuikly Compose UI Framework needs a shell for the scripts in its folder and the command-line tools its instructions call (bash and git). Our summary lists: A Bash shell.
Does Kuikly Compose UI Framework access the network?
SKILL.md names 1 domain. In commands or code: github.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Kuikly Compose UI Framework safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Kuikly Compose UI Framework use?
Kuikly Compose UI Framework has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Kuikly Compose UI Framework use?
About 2.5k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Kuikly Compose UI Framework?
Skills that share tags, products or a category with Kuikly Compose UI Framework: Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Android Development (dpconde/claude-android-skill, 337 stars), Claude Android Ninja (Drjacky/claude-android-ninja, 124 stars) and Jetpack Compose (darriousliu/PiPixiv, 263 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Kuikly Compose UI Framework?
Tencent-TDS (a GitHub organization) maintains it in Tencent-TDS/KuiklyUI-AI, which has 129 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on August 10, 2026.
Source: Tencent-TDS/KuiklyUI-AI on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.