用途:该技能为前端代码质量、运行时性能与像素级实现提供专家级准则,适用于实现前端功能、优化性能,以及要求严格遵循文档与参考资料的场景。
主要能力与规则:核心是“引用优先”原则——写代码前必须定位权威文档(内部 doc/、references/ 或外部官方文档),引用支撑技术决策的具体章节或句子,并严格按引用实现;找不到来源时应暂停,使用 search_web 或询问用户。性能方面强调零打包预算、能静态就静态、乐观 UI 与非阻塞主线程;可访问性方面要求使用语义化 HTML,带 onClick 的 div 被视为 bug。
使用方式:每个任务开始时检查 package.json 并加载对应知识源。React/Next.js 加载 react/SKILL.md(关注 RSC、Suspense、Streaming、Server Actions);通用基础始终加载 references/core-performance.md(Web Vitals、A11y、HTTP/3);Vue/Nuxt 读 references/vue-nuxt.md;Angular 读 references/angular.md;Svelte/Solid/Qwik 读 references/modern-signals.md。工作流分三阶段:发现与引用、按证据实现、自我纠正(检查水合不匹配、主线程阻塞、函数复杂度)。
框架理念:React/Next.js 以服务端组件为先,不在 useEffect 中取数;Vue/Nuxt 用组合式函数而非 Mixin;Angular 同步状态用 Signals,RxJS 用于事件,优先独立组件;Svelte/Solid/Qwik 采用细粒度响应式,Qwik 不靠执行 JS 来水合。
限制:资料未提供具体安装命令、收费方式、平台支持范围或效果数据,暂未提供。