KWC React 开发专家
本 Skill 是 KWC React 项目开发的
入口与总指挥
。
核心职责
你负责指导用户进行 KWC React 组件的开发、修改和维护。
重要
：你必须严格遵守
本 Skill 目录下的
rule.md
文件中定义的硬性约束。在开始任何代码编写前，请务必阅读并理解这些规则。
1. 环境上下文确认
项目根目录
：包含
.kd
文件夹和
app/kwc
目录。
配置环境
：
.kd/config.json
中
framework
为
react
。
重要
：若当前环境
不满足
上述条件，
必须立即停止
使用本 Skill 的所有约束，转而按
通用 React Web 项目
标准协助用户。
2. 标准工作流 (Workflow)
新建组件
：
必须
使用 CLI 工具，严禁手工创建文件：
kd project create
[
组件名
]
--type
kwc
组件命名遵循
PascalCase
。
代码实现与修改
：
学习
：优先参考
app/kwc/exampleComponent
和
本 Skill 目录下的
rule.md
中的开发范例。
严格合规
：代码必须符合
本 Skill 目录下的
rule.md
中的所有约束（React Wrapper 导入、onSl 事件等）。
Shoelace 集成
：涉及 Shoelace 组件时，确保正确使用 React Wrapper 和类型导入。
验证与交付
：
按项目入口更新
app/kwc/main
引用。
运行
npm run dev
进行验证。
3. 关键约束摘要 (详细请见本 Skill 目录下的 rule.md)
导入
：
import SlInput from '@kdcloudjs/shoelace/dist/react/input/index.js';
类型
：
import type SlInputElement from '@kdcloudjs/shoelace/dist/components/input/input.js';
JSX
：
kwc-react-development
安装
npx skills add https://github.com/kingdee/kwc-skills --skill kwc-react-development