fe-engineer-pack
前端工程师技能包，覆盖前端开发全流程的 7 大核心能力。
基本信息
| 属性 | 值 |
|---|---|
| 层级 | 能力层（capability） |
| 版本 | v1.7.0 |
| Domain | frontend |
| 作者 | mjd |
| 架构 | Skill Pack + Progressive Disclosure |
| 定位 | 前端工程师的高级能力扩展包。覆盖从需求分析到文档生成的全流程，7 个子 Skill 按需加载，与 fe-base-skill 协同工作——代码产出由 fe-base-skill 执行 5 步检测 |
安装方式
bash
# Shell 命令安装
bash ~/.agents/skills/bin/skill-check.sh install fe-engineer-pack
# 手动 Git Clone
git clone http://gitlab.alibaba-inc.com/team-skills/fe-engineer-pack.git ~/.agents/skills/fe-engineer-pack
# 检测更新
bash ~/.agents/skills/bin/skill-check.sh check fe-engineer-pack触发指令
| 你想做什么 | 说什么 | 子 Skill | 产出物 |
|---|---|---|---|
| 写技术方案 | "帮我写技术方案" / "方案设计" / "架构设计" | S1 tech-design | 技术方案文档 |
| 生成组件 | "帮我写个 xx 组件" / "生成组件" | S2 component-builder | 组件代码 + 样式 + 类型 |
| Code Review | "帮我 CR" / "代码审查" / "review 代码" | S3 code-review | 审查报告 + 改进建议 |
| 接口联调 | "帮我对接口" / "接口联调" / "生成 mock" | S4 api-contract | Service 层 + 类型定义 |
| 排查 Bug | "帮我排查 bug" / "定位问题" | S5 bug-diagnosis | 根因分析 + 修复方案 |
| 性能优化 | "页面卡顿" / "性能优化" / "Lighthouse 分数低" | S6 perf-audit | 性能报告 + 优化建议 |
| 写技术文档 | "帮我出技术文档" / "项目文档" | S7 tech-doc | Markdown 技术文档 |
工作流程
子 Skill 详解
S1 — 需求转技术方案
| 属性 | 值 |
|---|---|
| 文件 | skills/tech-design.md |
| 并发类型 | readonly |
| 触发词 | 技术方案、方案设计、架构设计、模块拆分 |
| 产出 | 技术方案文档（模块拆分 + 技术选型 + 风险评估） |
S2 — 组件开发生成器
| 属性 | 值 |
|---|---|
| 文件 | skills/component-builder.md |
| 并发类型 | mutating |
| 触发词 | 生成组件、写组件、创建组件、封装组件 |
| 产出 | 组件代码 + 样式 + 类型定义 |
S3 — Code Review 助手
| 属性 | 值 |
|---|---|
| 文件 | skills/code-review.md |
| 并发类型 | readonly |
| 触发词 | review、代码审查、CR、帮我看看代码 |
| 产出 | 审查报告 + 改进建议 |
S4 — 接口联调对齐器
| 属性 | 值 |
|---|---|
| 文件 | skills/api-contract.md |
| 并发类型 | mutating |
| 触发词 | 接口联调、Swagger、YAPI、生成类型、mock |
| 产出 | Service 层代码 + TypeScript 类型 |
S5 — Bug 定位诊断器
| 属性 | 值 |
|---|---|
| 文件 | skills/bug-diagnosis.md |
| 并发类型 | mutating |
| 触发词 | bug、报错、排查、定位问题、白屏、crash |
| 产出 | 根因分析 + 修复代码 |
S6 — 性能优化审计器
| 属性 | 值 |
|---|---|
| 文件 | skills/perf-audit.md |
| 并发类型 | readonly |
| 触发词 | 性能、卡顿、Lighthouse、重渲染、内存泄漏 |
| 产出 | 性能审计报告 + 优化建议 |
S7 — 技术文档生成器
| 属性 | 值 |
|---|---|
| 文件 | skills/doc-generator.md |
| 并发类型 | mutating |
| 触发词 | 技术文档、项目文档、架构文档、README |
| 产出 | Markdown 技术文档 |
链式调用
| 场景 | 调用链 |
|---|---|
| PRD 到代码 | S1 → S2 → S4 |
| 写组件 + CR | S2 → S3 |
| 排查 Bug + 性能 | S5 → S6 |
| 全流程 | S1 → S2 → S4 → S7 |
与其他 Skill 的协作
| 协作对象 | 协作方式 |
|---|---|
| fe-base-skill | 代码变更后自动触发 5 步检测 + Commit |
| fe-agent-init | 读取 AGENTS.md 获取项目上下文 |
| find-skills | S1 中可搜索社区最佳实践 |
| chrome-devtools | S5/S6 提供运行时数据 |
| agent-browser | S5/S6 提供运行时取证 + 修复验证 |
版本历史
| 版本 | 主要变更 |
|---|---|
| v1.7.0 | OpenAPI 契约自动化、测试验证建议、链式摘要传递 |