React 组件开发专家 本 Skill 面向通用 React Web 项目，专门处理 标准组件和 KWC 扩展组件的接入、开发与修改。 1. 适用范围 - 当前项目是 React Web 项目 - 需要使用 组件 - 不依赖 KWC 工程目录、页面元数据或 KWC 脚手架 - 若检测到项目已经是 KWC React 工程，应切换到 2. 标准工作流 1. 先确认当前需求是否只是“在现有 React 工程中使用组件”，而不是创建 KWC 工程。 2. 开发前阅读本 Skill 目录下的 ，严格遵守 React Wrapper、事件和样式约束。 3. 遇到 Table、DatePicker、Pagination、Nav、XMarkdown、Think 等扩展组件时，先阅读对应 文档。 4. 代码交付时遵循当前 React 工程自己的入口、构建和测试方式，不引入任何 脚手架命令。 3. 关键约束摘要 - 组件导入必须使用 - 类型导入必须使用 - Shoelace 事件必须映射为 - 样式必须优先使用 Shoelace Design Token，避免硬编码颜色和间距 - 扩展组件 API 必须先看本地 文档，不能凭空猜测 4. 常用资源 - Table: - DatePicker: - TimePicker: - Pagination: - Daterangepicker: - Th…