前端开发 Skill技能列表
Next.js15模式与最佳实践Skill nextjs-15-patterns
本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
语音系统专家Skill voice-system-expert
Quetrex语音系统专家技能专注于Web语音交互架构的实现与维护，特别擅长OpenAI实时API集成、WebRTC音频流处理、浏览器原生回声消除（AEC）技术。该技能确保语音系统稳定运行，防止音频反馈循环，遵循行业最佳实践，适用于实时语音对话、智能语音助手、在线会议系统等场景。关键词：语音系统架构、WebRTC音频、回声消除、OpenAI实时API、语音交互、浏览器AEC、语音活动检测、音频流水线。
设计向导Skill design-wizard
这是一个交互式设计向导，用于指导用户完成完整的前端设计流程，包括发现需求、研究趋势、选择美学方向、配色、排版和生成代码，最终创建独特且生产就绪的UI。关键词：前端设计、交互式向导、UI设计、代码生成、设计流程、美学选择、颜色排版、自审查。
Prettier配置Skill prettier-configuration
Prettier配置技能提供了关于Prettier代码格式化工具的全面配置指南，包括选项设置、配置文件、忽略模式和格式化规则，适用于JavaScript开发，帮助提升代码质量和团队协作效率。关键词：Prettier、代码格式化、JavaScript、配置、开发工具、前端开发、SEO优化。
Effect-TS值处理模式Skill effect-patterns-value-handling
这个技能提供了 Effect-TS 中处理值的两个核心模式：处理 None 和 Some 值的模式，以及可选链与组合模式。它帮助开发者避免空值错误，实现类型安全编程，提升代码可读性和维护性。关键词：Effect-TS, Option类型, 模式匹配, 值处理, TypeScript, 函数式编程。
Parcel打包工具使用技能Skill parcel
此技能提供Parcel打包工具的全面使用指导，涵盖零配置设置、资产处理、热模块替换和生产构建等关键功能。关键词包括Parcel、打包工具、零配置、资源管理、热模块替换、生产构建、前端开发。适用于开发者快速搭建和优化前端项目。
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导，涵盖安装、配置、图表类型、API文档和最佳实践，适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词：uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究，通过框架文档和代码库探索来收集技术信息，支持Astro、Tailwind、Cloudflare等前端技术，并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括：web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
Hugo静态站点生成与部署技能Skill hugo
此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
SvelteFlow基础知识Skill svelteflow-fundamentals
这个技能用于构建可自定义的节点基础编辑器和交互式图表，适用于Svelte应用中的流程基础界面。涵盖核心概念、设置和常见模式，关键词包括Svelte Flow、节点基础、流程图、前端开发、交互式UI，适合SEO搜索。