CraftKit/plugins/dev/skills/implement-frontend/SKILL.md

name, description

name	description
implement-frontend	按当前项目框架版本、组件契约、设计令牌和请求封装编写或修改前端代码，覆盖页面、增量功能、接口接入和缺陷修复。前端设计、组件选型、纯样式建议、审查或浏览器测试不应触发。

前端实现

直接完成用户授权范围内的前端代码变更，延续项目现有页面、组件和数据访问方式。

工作流

1. 检查 Git 状态并确认目标文件；从项目元数据、依赖和锁文件识别框架、构建工具及精确版本。
2. 已安装 guidance 时用它检索规范；未安装时按“目标目录适用的 AGENTS.md → .craftkit/agents/index.md → .craftkit/standards/index.md → 命中正文”的顺序手工读取。随后检查相邻页面和公共封装；组件、样式、表单分别消费 component、style、form 的证据。
3. 有设计与接口映射时消费 design-frontend 和 prepare-api；没有时只补当前实现必需的最小决策。
4. 修改页面、路由、状态和 API 层，保持项目现有契约，不虚构组件、props、事件、接口或业务校验。
5. 执行已有格式化、类型检查、测试和构建；未进行真实渲染或浏览器验证时明确说明。

安全边界

• 不跨框架主版本混用语法，不默认替换项目状态管理、请求客户端或组件库。
• 环境配置、凭据和部署参数默认不修改，新增依赖需说明理由与影响。
• 不覆盖无关改动，不自动暂存、提交、推送或发布。
• 接口缺失和字段冲突必须保留为待确认项，不用 Mock 掩盖正式契约缺口。