Update Web Assets
garfiec/Librechat-Mobile
Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).
Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…
Install Kuikly UI Framework
$ npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-ui-framework -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-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-ui-framework .claude/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .claude/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-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-ui-framework -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-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-ui-framework .agents/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .agents/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-ui-framework -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-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-ui-framework .cursor/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .cursor/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-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-ui-framework -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Tencent-TDS/KuiklyUI-AI kuikly-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-ui-framework .gemini/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .gemini/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-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-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-ui-framework .github/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .github/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-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-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-ui-framework .opencode/skills/kuikly-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-ui-framework" agent skill from https://github.com/Tencent-TDS/KuiklyUI-AI/tree/main/skills/kuikly-ui-framework into .opencode/skills/kuikly-ui-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kuikly-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-ui-framework- GitHub stars
- 130
- Token cost
- ~4k tokens
- SKILL.md length
- 641 words
- Files
- 15 (incl. scripts, references)
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…
- Works in 3 steps: 平台支持 → 开发模式：标准 Kuikly DSL（稳定版） → 布局系统
- Tasks that involve CSS and styling
- SKILL.md covers 自动更新机制, 参考资源结构, 最高优先级规则：禁止凭记忆写代码 and 核心能力, plus 2 more sections
- Runs Shell scripts from its folder; calls bash and git; reaches github.com
What it does
Kuikly UI Framework is an agent skill from 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 页面开发、组件使用、布局实现、事件处理、FlexBox 布局、响应式状态管理、动画效果、页面路由跳转、网络请求、列表渲染、自定义组件/模块扩展、Kuikly 编码问题、KuiklyUI 开发。如需使用 Compose DSL 语法，请使用 kuikly-compose-ui-framework skill。
Its SKILL.md is about 4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including scripts and reference files (for example `references/all-public-classes.md`, `references/publicClasses/animation.md` and `references/publicClasses/color-style.md`).
It sits in Mobile, covering CSS and styling. It works with 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
- Tasks that involve CSS and styling
Example prompts
- “/kuikly-ui-framework”
Requirements
- A Bash shell
Workflow steps
3 steps, taken from the step headings in SKILL.md.
- 平台支持
- 开发模式：标准 Kuikly 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 UI Framework loads about 4k tokens when it runs, and up to ~13k if it reads all its reference files. Until then it costs about 94 tokens; SKILL.md has 641 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 641 words (~4,029 tokens).
“你是 Kuikly UI 框架开发专家。Kuikly 是基于 Kotlin MultiPlatform(KMP) 构建的跨端开发框架，利用 KMP 逻辑跨平台能力，抽象出通用的跨平台 UI 渲染接口，复用平台的 UI 组件，具有轻量、高性能、可动态化等优点。”
- name
- kuikly-ui-framework
Files
SKILL.md and 14 other files (scripts, references) in skills/kuikly-ui-framework of Tencent-TDS/KuiklyUI-AI.
- SKILL.md
- references/all-public-classes.md
- references/publicClasses/animation.md
- references/publicClasses/color-style.md
- references/publicClasses/event.md
- references/publicClasses/json.md
- references/publicClasses/layout.md
- references/publicClasses/modules.md
- references/publicClasses/pager-lifecycle.md
- references/publicClasses/reactive.md
- references/publicClasses/transform.md
- references/publicClasses/utils.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 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 UI Framework this skillTencent-TDS/KuiklyUI-AI | 130 | — | ~4k | Automated safety check: Pass | Custom licence | |
| Update Web Assetsgarfiec/Librechat-Mobile | 111 | — | ~1.8k | Automated safety check: Notes | MIT | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Jetpack Compose Expertaldefy/compose-skill | 596 | — | ~4.8k | Automated safety check: Pass | Custom licence | |
| Summoncodeyousef/summon | 167 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| Weapp Tailwindcss Lynxweapp-tailwindcss/weapp-tailwindcss | 1.9k | — | ~374 | Automated safety check: Pass | MIT |
Similar skills
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.
Jetpack Compose Expert
aldefy/compose-skill
Guides Jetpack Compose and Compose Multiplatform work across Android, Desktop, iOS and web, plus Android TV, Material 3 motion, paging, navigation and design-to-code.
Summon
codeyousef/summon
A skill your agent uses when developing applications with the Summon Kotlin Multiplatform UI framework.
Weapp Tailwindcss Lynx
weapp-tailwindcss/weapp-tailwindcss
为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4，覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx…
Compose Screens Footguns
maxrave-dev/kotlin-footguns
Compose screen and interaction traps: navigation, adaptive layout, window insets, pagers, toolbars, sheets, list drag and selection, sliders, text fields, settings UI, one-shot effects.
More from Tencent-TDS/KuiklyUI-AI
All 13 skills in this repoKuikly Compose UI Framework
Tencent-TDS/KuiklyUI-AI
Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose…
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 UI Framework
What does Kuikly UI Framework do?
Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…. Kuikly UI Framework is an agent skill from Tencent-TDS/KuiklyUI-AI.
When should I use Kuikly UI Framework?
Kuikly UI Framework fits situations like: tasks that involve CSS and styling.
How do I install Kuikly UI Framework in Claude Code?
Run `npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-ui-framework -a claude-code`. Or copy the skill folder (skills/kuikly-ui-framework in Tencent-TDS/KuiklyUI-AI) into .claude/skills/kuikly-ui-framework in your project. Claude Code loads it when a task matches its description.
How do I install Kuikly UI Framework in Codex?
Run `npx skills add Tencent-TDS/KuiklyUI-AI --skill kuikly-ui-framework -a codex`. Or copy the skill folder (skills/kuikly-ui-framework in Tencent-TDS/KuiklyUI-AI) into .agents/skills/kuikly-ui-framework in your project. Codex loads it when a task matches its description.
Can I use Kuikly 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-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-ui-framework, .gemini/skills/kuikly-ui-framework, .github/skills/kuikly-ui-framework and .opencode/skills/kuikly-ui-framework in your project.
What does Kuikly UI Framework need to run?
Going by SKILL.md and its folder, Kuikly 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 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 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 UI Framework use?
Kuikly 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 UI Framework use?
About 4k tokens (SKILL.md is roughly 16k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 9k tokens, read only when the agent opens those files.
What are the alternatives to Kuikly UI Framework?
Skills that share tags, products or a category with Kuikly UI Framework: Update Web Assets (garfiec/Librechat-Mobile, 111 stars), Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Jetpack Compose Expert (aldefy/compose-skill, 596 stars) and Summon (codeyousef/summon, 167 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Kuikly UI Framework?
Tencent-TDS (a GitHub organization) maintains it in Tencent-TDS/KuiklyUI-AI, which has 130 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.