1-4、产品经理三步打造自己的剑 semi-front

一、第一步铸剑坯：做基础工程 semi-front

在 Trae IDE SOLO 模式下对话

做一个员工基本信息的CRUD前端工程。

业务要求：
1、不需要登录页面
2、菜单可以独立配置
3、做模拟数据

技术要求：
vue2、elementplus、axios、mockjs

brainstorming我们讨论一下这个需求

Testing Anti-Patterns 依据
2026-06-02-employee-management-design.md帮我编写具体的测试方案，要求：
1、覆盖单元测试、集成测试和人工验证部分
2、测试用例覆盖正常流程和异常边界情况
3、确保测试用例遵循真实行为原则，不要测试 mock 行为
请以 Markdown 表格形式输出，表头包含：用例标题、测试类型、前置条件、操作步骤、预期结果。结果输出到
specs

writing-plans 编写实施计划,要求:
1、将编写单元测试作为每个功能模块的首要执行步骤
2、最终验证时必须运行单元测试

二、第二步铸剑：在基础工程上做 skill

依然在 Trae IDE SOLO 模式下对话：

我打算把本工程作为产品经理的基础原型设计工程，产品经理分析需求形成SRS，你要能够分析SRS，并且生成前端工程的模块源码以及 mock 数据，最终启动服务进行演示。完成这些工作，需要做成一个 skill 及相关 rule 吗?

三、第三步用剑：一剑封喉

使用：/product-prototype-generator 你的SRS（使用 Trae 添加到对话）

复用： 1、把前面的 semi-front 做成一个压缩文件，备用； 2、在新的产品设计工程中解压到根目录； 3、/product-prototype-generator 你的SRS（使用 Trae 添加到对话）；

携带 product-prototype-generator 技能的基础工程

使用 product-prototype-generator 技能一剑封喉

一剑斩天下的成果

四、剑炉：TRAE IDE（绿色的）

强力建议：产品经理统一使用 TRAE IDE 的 SOLO 模式做原型，她更强大……

Trae 有强大的记忆，对应于你的工程名称，所以不要轻易改名，否则记忆会丢失。

nvm、node、pnpm 参数如下

附：技能&修炼

这把剑要好用，大家努力闭关升级吧：

.trae/skills/product-prototype-generator/

├── SKILL.md # Skill 主文件（核心）

├── README.md # 使用说明

└── rules/ # 规范规则

├── vue-conventions.md # Vue 组件规范

├── mock-data-pattern.md # Mock 数据模式

├── api-design.md # API 设计规范

└── file-structure.md # 项目结构规范