前端开发 Skill技能列表
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
WordPress交互性APISkill wp-interactivity-api
本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式，包括Promises、async/await、异步迭代器、错误处理和高级模式，用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作，特别适用于API调用、I/O操作和实时数据处理。关键词：TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
Next.js15模式与最佳实践Skill nextjs-15-patterns
本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。
媒体与文件管理Skill managing-media
这个技能用于实现媒体和文件管理组件，包括文件上传、图像库、视频播放器、音频播放器、文档查看器，以及性能优化和可访问性措施，适用于前端开发和用户体验优化。关键词：媒体管理、文件上传、图像优化、视频播放、SEO、前端开发。
语音系统专家Skill voice-system-expert
Quetrex语音系统专家技能专注于Web语音交互架构的实现与维护，特别擅长OpenAI实时API集成、WebRTC音频流处理、浏览器原生回声消除（AEC）技术。该技能确保语音系统稳定运行，防止音频反馈循环，遵循行业最佳实践，适用于实时语音对话、智能语音助手、在线会议系统等场景。关键词：语音系统架构、WebRTC音频、回声消除、OpenAI实时API、语音交互、浏览器AEC、语音活动检测、音频流水线。
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导，涵盖安装、配置、图表类型、API文档和最佳实践，适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词：uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。
设计导航架构Skill design-navigation
这个技能用于设计和实现网站和应用的导航系统，包括主菜单、页脚菜单、巨型菜单和面包屑导航。它提供全面的导航架构，确保可访问性和用户体验。关键词：导航设计，网站架构，用户体验，可访问性，菜单系统，面包屑导航，巨型菜单。
Rspack配置与优化技能Skill rspack
此技能提供Rspack打包工具的详细指南，包括配置设置、插件使用、加载器编写、性能优化以及从Webpack迁移。关键词：Rspack、打包工具、前端构建、代码分割、热模块替换、Webpack兼容、配置优化、开发服务器、插件开发。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究，通过框架文档和代码库探索来收集技术信息，支持Astro、Tailwind、Cloudflare等前端技术，并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括：web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
Relay突变模式Skill relay-mutations-patterns
Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新