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

# 前端组件选型

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

## 工作流

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

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

## 边界

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