重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
npx skills add https://github.com/kingdee/kwc-skills --skill kwc-react-development本 Skill 是 KWC React 项目开发的入口与总指挥 。
你负责指导用户进行 KWC React 组件的开发、修改和维护。 重要 :你必须严格遵守本 Skill 目录下的 rule.md 文件中定义的硬性约束。在开始任何代码编写前,请务必阅读并理解这些规则。
.kd 文件夹和 app/kwc 目录。.kd/config.json 中 framework 为 react。广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
新建组件 :
必须 使用 CLI 工具,严禁手工创建文件:
kd project create [组件名] --type kwc
组件命名遵循 PascalCase。
代码实现与修改 :
app/kwc/exampleComponent 和 本 Skill 目录下的rule.md 中的开发范例。rule.md 中的所有约束(React Wrapper 导入、onSl* 事件等)。验证与交付 :
app/kwc/main* 引用。npm run dev 进行验证。import SlInput from '@kdcloudjs/shoelace/dist/react/input/index.js';import type SlInputElement from '@kdcloudjs/shoelace/dist/components/input/input.js';<SlInput onSlChange={handleChange} />onSl*,且使用 CustomEvent 类型断言var(--sl-color-*)、var(--sl-spacing-*)、var(--sl-font-size-*)、var(--sl-border-radius-*)),禁止硬编码 hex 色值和 px 数值。详见 ./reference/css-design-tokens.md。reference/ 目录下):
reference/table/index.mdreference/datepicker/index.mdreference/sl-timepicker.mdreference/sl-pagination.mdreference/sl-nav.mdreference/sl-xmarkdown.mdreference/sl-think.mdreference/sender/index.mdreference/sender/index.mdreference/sender/index.md提交代码前,请自查:
kd project create [组件名] --type kwc/index.js (组件) 和 /[component]/[component].js (类型,如 button/button.js)onSl* 前缀rule.md 中的 Strict TemplateWeekly Installs
71
Repository
First Seen
Mar 8, 2026
Security Audits
Installed on
kimi-cli71
gemini-cli71
amp71
cline71
github-copilot71
codex71
Tailwind CSS v4 + shadcn/ui 生产级技术栈配置指南与最佳实践
2,600 周安装
Adaptyv 云实验室平台:自动化蛋白质测试与验证服务,21天交付实验结果
189 周安装
文件上传最佳实践:安全存储、预签名URL、大文件处理与性能优化指南
191 周安装
COBRApy Python库:代谢模型约束性重构与分析工具,用于系统生物学研究
189 周安装
Greenlight:iOS应用App Store预提交合规性扫描工具,自动化检查避免拒绝
188 周安装
Solid JSON 渲染库 | 细粒度响应式组件树 | Vercel Labs @json-render/solid
197 周安装
JavaScript/TypeScript测试指南:Vitest与Jest框架选择、组件测试与最佳实践
64 周安装