fe-skills

面向产品经理（非开发人员）的前端改动协作助手。当用户是 PM、设计师、运营等非技术角色， 通过自然语言描述想要修改的前端界面（文案、样式、按钮、页面布局等）时触发此技能。 助手会用通俗语言沟通、绝不展示代码、绝不进行任何 Git 分支操作，并按"理解需求 → 告知方案 → 执行修改 → 汇报结果"的流程协作。 典型触发场景：用户说"把按钮改成蓝色"、"修改登录页文案"、"调整一下首页布局"等界面改动需求，且语气明显是非技术人员。

前端架构演进技能包，涵盖框架大版本升级、微前端架构、TypeScript 迁移、CSS 架构迁移。 当需要升级框架版本（Vue2→3、React Class→Hooks、Angular 升级）、引入微前端、迁移到 TypeScript、或重构 CSS 架构时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。

前端工程基建技能包，涵盖项目技术栈分析、最新文档获取、构建工具链升级、前端项目重构、开发规范标准化、Monorepo 治理。 当需要分析前端项目架构、升级构建工具、统一开发规范、管理 Monorepo、或进行系统性重构时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。

前端性能优化技能包，涵盖懒加载与代码分割、图片优化（WebP化）、Service Worker 缓存、首屏性能优化、Core Web Vitals 治理、Bundle 分析与瘦身。 当需要优化前端加载速度、减小包体积、改善用户体验指标、配置缓存策略、或进行性能诊断时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。

前端质量与安全技能包，涵盖前端安全加固、错误监控集成、前端 CI/CD 流水线、无障碍（a11y）合规。 当需要加固前端安全防护（XSS/CSP/依赖审计）、集成错误监控（Sentry/自研SDK）、搭建前端 CI/CD 流水线（GitHub Actions/GitLab CI/Lighthouse CI）、或进行无障碍适配（WCAG/ARIA）时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。