前端开发 Skill技能列表
MarkdownURL代理Skill markdown-url
Markdown URL 代理技能是一个自动化工具，用于将网页URL重写为通过markdown.new服务访问，从而获取页面的Markdown格式内容。该技能主要用于网页内容提取、文档阅读、笔记整理和文本摘要，适用于技术文档、博客文章、GitHub讨论等只读场景。它能提供更干净、可复制的文本视图，提升信息处理效率。关键词：Markdown转换，URL重写，内容提取，网页转Markdown，文档整理，自动化工具。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
ErrorBoundariesinReactSkill ErrorBoundariesinReact
在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。
FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod
使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。
InfiniteScrollPatternsSkill InfiniteScrollPatterns
专家级框架，用于实现无限滚动，包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。
Multi-StepFormPatternsSkill Multi-StepFormPatterns
专家级框架，用于构建使用向导模式、逐步披露、验证和持久性策略的复杂表单，以提高完成率和用户体验。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
React最佳实践和模式Skill ReactBestPracticesandPatterns
React最佳实践和模式是一个专家级框架，用于构建使用函数组件、钩子、状态管理模式、性能优化和测试策略的React应用程序，以实现可维护和可扩展的代码。
shadcn/ui组件模式Skill shadcn/uiComponentPatterns
shadcn/ui 是一个基于 Radix UI 原语和 Tailwind CSS 的 React 组件库，专注于提供高可访问性、易定制和生产就绪的 UI 组件。
StateMachineswithXStateSkill StateMachineswithXState
使用XState的状态机是一个专家级框架，用于通过有限状态机和状态图来建模应用逻辑，以实现可预测的状态管理和优化开发体验。
React状态管理Skill state-management
React状态管理技能涉及使用不同的状态管理库和模式来处理React应用中的本地和全局状态。关键词包括React State, React Context, Zustand, Redux Toolkit, TanStack Query, Jotai。