← 返回AI 技能
使用指南 分步指南 同类推荐
代码开发高级
SKILL DETAIL
前端需求到组件代码生成 SOP
把产品需求拆成页面结构、组件职责、状态流和代码任务，适合前端开发交接和 AI 编程辅助。
推荐工具
ChatGPTCursorGitHub
技能标签
进阶组合
资源下载
007-FrontendDev-FRCS.md.zip
下载前查看下方使用指南三步开始使用
获取项目包
下载 ZIP 文件，先阅读包内说明。
解压项目
解压到本地，按说明配置运行环境。
运行与调整
按需替换素材和配置，再运行项目。
跟随步骤搭建专属工作流
每一步包含目标说明，部分步骤附带可复制的示例 Prompt。
- 1
拆需求边界
把业务目标拆成页面、组件、数据接口和边界状态。
示例 Prompt 请把以下前端需求拆成页面结构、组件列表、状态流、接口契约和验收标准。
- 2
生成组件任务
按组件职责生成可执行开发清单。
- 3
代码审查
使用 checklist 检查边界状态、空态、错误态和移动端适配。
