fe-sop-skills

前端功能交付 SOP 的 Cursor Agent Skills 包。

• 设计阶段用 OpenSpec 定「做什么」
• 编码阶段用 Superpowers 定「怎么做」
• 流程四步：启动 → 写规范 → 写代码 → 归档

快速开始

在业务项目根目录执行一条命令：

npx fe-sop-skills

等价于：安装 skill → 建目录 → 自动扫描当前项目。

装完后在 Cursor 里说：

start 主播结算 anchor-settlement

命令说明

| 命令 | 作用 | |------|------| | npx fe-sop-skills | 安装 + init（init 内自动扫描项目） | | npx fe-sop-skills init | 建目录 + 自动扫描 | | npx fe-sop-skills init --no-adapt | 仅建目录，不扫描 | | npx fe-sop-skills adapt | 单独重新扫描 | | npx fe-sop-skills adapt --force | 覆盖已有 conventions / components |

adapt 会自动读取 package.json、src/components/、src/pages/ 等，写入：

• .cursor/fe-sop/project/conventions.md — 技术栈、目录、请求、路由
• .cursor/fe-sop/project/components.md — 公共组件速查表

不限定某个项目，任何前端仓库都能扫。

三步分别干什么

| 步骤 | 命令 | 产出 | |------|------|------| | 装 skill | install | .agents/skills/fe-sop-* | | init（含扫描） | init | config、workspace、conventions / components |

目录结构（init + adapt 后）

.agents/skills/              # skill 流程（不上传 git）
.cursor/
├── rules/fe-sop.mdc
└── fe-sop/
    ├── config.yaml
    ├── project/             # adapt 生成，可人工核对
    │   ├── conventions.md
    │   └── components.md
    └── workspace/           # SOP 运行态（gitignore）

团队共享：openspec/；skill 与 .cursor/ 留本地。

常用口令

| 口令 | 作用 | |------|------| | start 功能名 功能ID | 启动新需求 | | resume | 断点续跑 | | code | 开始写代码 | | 归档 / archive | 需求结案 |

相关链接

• npm：https://www.npmjs.com/package/fe-sop-skills
• 仓库：https://github.com/anqinyu/fe-sop-skills