这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。

pnpm 技能是一个关于 Node.js 包管理器的专业指南，专注于高效、严格的依赖管理和单仓库工作流。它提供了核心命令、配置方法、工作区管理、存储优化以及高级功能如目录、覆盖、补丁和钩子。适用于前端开发、后端开发和 DevOps 场景，帮助开发者提升项目构建效率、节省磁盘空间并确保依赖一致性。关键词：pnpm, Node.js, 包管理器, 依赖管理, 单仓库, 工作区, 磁盘效率, CI/CD, 性能优化。

这个技能用于优化Tailwind CSS在生成环境中的性能，通过配置内容路径、使用JIT模式、最小化自定义CSS等方法，减少CSS包大小，提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。

本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发

Quetrex语音系统专家技能专注于Web语音交互架构的实现与维护，特别擅长OpenAI实时API集成、WebRTC音频流处理、浏览器原生回声消除（AEC）技术。该技能确保语音系统稳定运行，防止音频反馈循环，遵循行业最佳实践，适用于实时语音对话、智能语音助手、在线会议系统等场景。关键词：语音系统架构、WebRTC音频、回声消除、OpenAI实时API、语音交互、浏览器AEC、语音活动检测、音频流水线。

这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI（模式A），包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词：游戏开发、UI设计、React组件、CSS Grid布局。

TypeScript类型系统技能专注于TypeScript语言的类型特性，包括编译器配置、严格模式、高级类型（如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型）、类型收窄（类型守卫、判别联合）、实用类型、类型断言等，帮助开发者编写类型安全的JavaScript代码，提高代码质量和可维护性，适用于前端和后端开发。关键词：TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。

这个技能用于在TypeScript或JavaScript开发中，通过工厂函数返回对象时使用方法简写，确保JSDoc注释在IDE中可见，提高代码文档的可读性和维护性。关键词：JSDoc、TypeScript、JavaScript、工厂函数、方法简写、代码文档、IDE提示、前端开发。

设计系统模式是一种用于构建可扩展设计系统的技能，涵盖设计令牌、主题基础设施和组件架构，适用于前端开发、UI设计和跨平台应用开发，关键词包括设计系统、设计令牌、主题切换、组件库、前端开发、UI设计。

此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建

此技能提供Parcel打包工具的全面使用指导，涵盖零配置设置、资产处理、热模块替换和生产构建等关键功能。关键词包括Parcel、打包工具、零配置、资源管理、热模块替换、生产构建、前端开发。适用于开发者快速搭建和优化前端项目。