/fe-performance
前端性能优化技能包，涵盖懒加载与代码分割、图片优化（WebP化）、Service Worker 缓存、首屏性能优化、Core Web Vitals 治理、Bundle 分析与瘦身。 当需要优化前端加载速度、减小包体积、改善用户体验指标、配置缓存策略、或进行性能诊断时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。
$ npx -y skills add wj100/fe-skills --skill fe-performance --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/fe-performance
Context preview
The summary Claude sees to decide when to auto-load this skill.
前端性能优化技能包，涵盖懒加载与代码分割、图片优化（WebP化）、Service Worker 缓存、首屏性能优化、Core Web Vitals 治理、Bundle 分析与瘦身。 当需要优化前端加载速度、减小包体积、改善用户体验指标、配置缓存策略、或进行性能诊断时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。
面向 AI Coding Agent 的中文前端工程化技能包，覆盖工程基建、性能优化、架构演进、质量安全四大领域。 A Chinese-language frontend engineering skill pack for AI coding agents, covering engineering infrastructure, performance optimization, architecture evolution, and quality assurance.
Repo: wj100/fe-skills
Other skills on fe-skills.
- /fe-architecture
前端架构演进技能包，涵盖框架大版本升级、微前端架构、TypeScript 迁移、CSS 架构迁移。 当需要升级框架版本（Vue2→3、React Class→Hooks、Angular 升级）、引入微前端、迁移到 TypeScript、或重构 CSS 架构时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。
Open skill - /fe-engineering
前端工程基建技能包，涵盖项目技术栈分析、最新文档获取、构建工具链升级、前端项目重构、开发规范标准化、Monorepo 治理。 当需要分析前端项目架构、升级构建工具、统一开发规范、管理 Monorepo、或进行系统性重构时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。
Open skill - /fe-quality
前端质量与安全技能包，涵盖前端安全加固、错误监控集成、前端 CI/CD 流水线、无障碍（a11y）合规。 当需要加固前端安全防护（XSS/CSP/依赖审计）、集成错误监控（Sentry/自研SDK）、搭建前端 CI/CD 流水线（GitHub Actions/GitLab CI/Lighthouse CI）、或进行无障碍适配（WCAG/ARIA）时触发此技能。 支持 Angular、Vue、React、原生 JS、Node.js 技术栈。
Open skill - /pm-fe-assistant
面向产品经理（非开发人员）的前端改动协作助手。当用户是 PM、设计师、运营等非技术角色， 通过自然语言描述想要修改的前端界面（文案、样式、按钮、页面布局等）时触发此技能。 助手会用通俗语言沟通、绝不展示代码、绝不进行任何 Git 分支操作，并按"理解需求 → 告知方案 → 执行修改 → 汇报结果"的流程协作。 典型触发场景：用户说"把按钮改成蓝色"、"修改登录页文案"、"调整一下首页布局"等界面改动需求，且语气明显是非技术人员。
Open skill