用途：这是一套前端工程方法论技能，用于构建和维护 Web 前端，涵盖组件架构、状态管理、API 集成、响应式布局、客户端性能与前端测试，衔接 UX 设计与质量验证。
主要能力与职责边界：负责组件实现（组合、props/state 接口、渲染模式、生命周期）、客户端状态架构与数据获取/缓存/乐观更新、前后端数据流与认证流程（OAuth、JWT）及实时更新、响应式布局实现与跨设备测试、客户端性能（打包优化、懒加载、Core Web Vitals、渲染优化）、前端测试（组件、集成、视觉回归、无障碍）。不负责用户旅程与线框、API 契约设计、测试策略与自动化、品牌视觉、文案内容、代码评审与质量门禁、CI/CD 基础设施、移动端实现。React 组件与 hooks 加载 react，Vite 配置加载 vite。
使用方式：按需加载参考文件——组件架构、状态管理、API 集成、响应式布局与测试、性能；使用模板 component-state-design-record.md 设计组件树与状态归属，performance-budget.md 定义性能目标；运行 scripts/bundle-budget-checker.py 对照总量与分块预算检查打包报告，超预算时以退出码 1 失败，供 CI 阻断性能回退。
核心原则：以组件而非页面为组合单元；状态就近放置，仅真正共享的应用状态进入全局；为加载、空、错误、成功四种状态设计；无障碍是必需项；性能属于 UX 范畴。
限制：不涉及移动端平台工作、API 契约设计、CI/CD 基础设施与内容文案；具体安装命令与收费信息暂未提供。