前端开发 Skill技能列表
用户询问技能Skill ask-user
用户询问技能是一种用于软件开发和人工智能项目中的交互模式，旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问，帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通，避免误解和返工，提升协作效率。关键词：用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。
Markdown转HTML转换工具Skill baoyu-markdown-to-html
这是一个高效的工具，用于将 Markdown 文档转换为美观的 HTML 格式，支持多种主题、代码高亮、数学公式、图表等特性，特别适用于微信公众号、博客和其他在线平台的内容发布，提高内容展示效果和兼容性。关键词：Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
Hugo静态站点生成与部署技能Skill hugo
此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建
StateMachineswithXStateSkill StateMachineswithXState
使用XState的状态机是一个专家级框架，用于通过有限状态机和状态图来建模应用逻辑，以实现可预测的状态管理和优化开发体验。
FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod
使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。
ErrorBoundariesinReactSkill ErrorBoundariesinReact
在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。