CraftKit/plugins/dev/skills/component/SKILL.md

name, description

name	description
component	根据当前项目的真实依赖、已有用法和可验证契约选择或检查前端组件。适用于字段或场景组件选型、props、events、slots 查证和组件缺口评估；页面实现、视觉样式设计或无证据编造组件契约不应触发。

前端组件选型

为当前项目选择可复用组件，并明确每项结论的证据。不要凭经验虚构组件、属性、事件或插槽。

工作流

1. 读取 .craftkit/project.json、依赖清单、锁文件和现有代码，确认框架、版本及组件来源。
2. 按 选型规则 比较复用、扩展和新建方案。
3. 按 证据规则 查证组件契约及版本兼容性。
4. 输出推荐组件、适用理由、契约摘要、替代方案、缺口和风险。
5. 用户需要持续复用扫描结果时，按 组件索引 展示拟新增或更新内容；确认后写入 .craftkit/standards/frontend/components.md。
6. 如证据不足，说明缺少的材料并询问用户，不代替后续页面实现 Skill 编写完整页面。

项目没有 .craftkit/project.json 时，继续检查真实依赖和现有代码；只有缺失信息会改变结论时才询问用户。

边界

• 优先复用项目已有组件和封装，再评估已安装的公共组件库。
• 内部组件只能从当前项目的源码、类型、示例或项目文档取得契约。
• 公共组件库可查对应版本的官方文档，不把其他版本的接口当作当前契约。
• 项目组件索引只保存可验证元数据和项目相对入口，不复制依赖库文档或私有实现。
• 组件视觉样式交给 style，表单结构交给 form，完整页面实现交给前端实现 Skill。