Kwc React Development

KWC React 开发专家

当项目确认使用 React 框架后，本 Skill 负责该框架下的代码编写规范与组件使用指导。

重要：使用前置条件

必须同时满足以下条件才能使用本 Skill：

1. 当前目录已存在 .kd/config.json 文件
2. 配置文件中 framework 字段值为 react
3. 工程已通过 kwc-project-scaffold 完成初始化

以下场景禁止使用本 Skill，必须交由 kwc-project-scaffold：

• 工程初始化（kd project init）
• 创建组件或页面（kd project create）
• 生成或修改 .js-meta.kwc 组件元数据
• 生成或修改 .page-meta.kwp 页面元数据
• 环境配置（kd env 相关命令）
• 部署操作（kd project deploy）
• 调试操作（kd debug）— 调试由 kwc-project-scaffold 负责，须以后台模式运行（is_background: true），详见其调试约定

若当前不满足上述前置条件，请立即停止并切换到 kwc-project-scaffold Skill。

核心职责

你负责指导用户进行 KWC React 组件的开发、修改和维护。 重要：你必须严格遵守本 Skill 目录下的 rule.md 文件中定义的硬性约束。在开始任何代码编写前，请务必阅读并理解这些规则。

1. 环境上下文确认

• 项目根目录：包含 .kd 文件夹和 app/kwc 目录。
• 配置环境：.kd/config.json 中 framework 为 react。
• 重要：若当前环境不满足上述条件，必须立即停止使用本 Skill 的所有约束，转而按通用 React Web 项目标准协助用户。

2. 标准工作流 (Workflow)

1. 新建组件：
   • 必须使用 CLI 工具，严禁手工创建文件：

     kd project create [组件名] --type kwc
     

   • 组件命名遵循 PascalCase。