kuiklyui-ai
为Kuikly跨平台UI框架开发提供AI编码规则与技能支持
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：kuiklyui-ai。 它的用途是：为Kuikly跨平台UI框架开发提供AI编码规则与技能支持 完整的 Skill 内容见：https://321skill.com/skills/kuiklyui-ai/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我的Kuikly应用创建一个带下拉刷新和无限滚动的商品列表页”，AI会根据加载的kuiklyDSL规则，生成符合Kuikly DSL最佳实践的页面结构、状态管理和网络请求代码。或者，当你说：“如何用Kuikly实现一个渐入动画？”，AI会参考kuikly-animation技能，提供声明式或命令式的具体代码示例。
介绍
KuiklyUI-AI Skill旨在解决开发者在构建基于Kuikly DSL或Kuikly Compose DSL的跨平台应用时，如何让AI助手（如CodeBuddy、Cursor）理解并遵循特定框架的开发规范与最佳实践的问题。它通过提供结构化的规则文件（.mdc格式），将Kuikly框架的架构设计、组件使用、性能优化、状态管理等专业知识注入AI的上下文，从而生成更符合框架惯例、质量更高的代码。
使用方式非常灵活：开发者只需将对应的.mdc规则文件复制到项目特定的目录下（例如.codebuddy/rules/或.cursor/rules/），AI工具便会自动加载这些规则，在代码生成、补全和重构时应用这些指南。对于其他AI工具，也可将规则内容整合到自定义指令或系统提示词中。
该Skill特别适合正在使用或计划使用Kuikly框架进行跨平台移动应用开发的前端、全栈及智能体开发者。无论是构建新页面、实现复杂动画，还是扩展原生功能，都能从中获得精准的编码指导。
建议开发者根据项目实际使用的DSL（Kuikly DSL或Kuikly Compose DSL）选择对应的规则文件，并可在此基础上叠加自己团队的特定约定，形成更个性化的AI编码伙伴。由于仓库仍在积极开发中，建议关注更新以获取最新的技能和规则。
核心特点
与通用前端AI编码助手不同，它深度定制了Kuikly框架特有的开发规范（如两种DSL的差异、跨平台组件扩展方式），并能通过标准化的.mdc格式被主流AI编码工具（CodeBuddy、Cursor等）原生加载，实现框架知识在AI工作流中的无缝集成。
注意事项
该Skill主要服务于Kuikly框架的开发者，对于使用React Native、Flutter等其他跨平台框架的项目帮助有限。
常见问题
如何在Cursor中使用KuiklyUI-AI的规则？
将所需的.mdc文件（如kuiklyDSL.mdc）复制到项目根目录的`.cursor/rules/`文件夹下，Cursor便会自动加载并应用这些规则。
Kuikly DSL和Kuikly Compose DSL的规则应该用哪个？
根据项目实际使用的UI描述语言选择：开发Kuikly DSL应用使用`kuiklyDSL.mdc`，开发Kuikly Compose DSL应用则使用`kuiklyComposeDSL.mdc`。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/kuiklyui-ai/raw/index.md 读取 kuiklyui-ai 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/kuiklyui-ai/raw/index.md（查看排版版本）