前端开发 Skill技能列表
React状态管理Skill state-management
React状态管理技能涉及使用不同的状态管理库和模式来处理React应用中的本地和全局状态。关键词包括React State, React Context, Zustand, Redux Toolkit, TanStack Query, Jotai。
TailwindCSS模式和最佳实践Skill TailwindCSSPatternsandBestPractices
Tailwind CSS 是一个专家级框架，用于使用基于公用类的 CSS 快速构建 UI，实现一致的设计系统、响应式布局和生产优化样式。
正则表达式性能优化Skill js-hoist-regexp
这个技能用于优化前端React应用中的正则表达式使用，通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化，避免在每次渲染或函数调用时重复创建，从而提高性能并减少内存开销。关键词：React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。
TanStack查询优化Skill tanstack-query
TanStack Query v5性能优化技能，专注于数据获取、缓存、变异和查询模式的优化，旨在提升React应用的数据管理效率和性能。关键词：TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南
前端开发前指南阅读Skill before-frontend-dev
该技能用于在开始前端开发任务前，系统阅读和理解相关开发指南，以确保代码质量、一致性并遵循最佳实践，关键词包括前端开发、指南阅读、编码标准、代码规范、SEO优化。
shadcn-ui组件约定Skill shadcn-ui-conventions
这个技能提供了在 shadcn/ui 框架下开发 UI 组件的约定，特别适用于创建和修改 8 位复古风格的组件。它涵盖了导入模式、类型定义、引用处理和样式管理，确保代码的一致性和可维护性。关键词：shadcn/ui, UI 组件, 8 位复古风格, 前端开发, 组件约定, 代码规范。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
UI设计实现审查Skill design-implementation-reviewer
此技能专注于确保UI实现与Figma设计规范之间的像素级匹配，涉及视觉设计原则、CSS、响应式设计和跨浏览器兼容性审查。关键词：UI设计、Figma、实现审查、前端开发、CSS、响应式设计、视觉保真度。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。
灵感分析器Skill inspiration-analyzer
这个技能通过分析指定网站的URL，自动提取设计元素如颜色、字体、布局和UI模式，生成结构化灵感报告，帮助设计师快速获取并应用设计灵感。关键词：网站设计分析、颜色提取、字体识别、布局模式、UI灵感提取、设计工具、前端开发辅助。
应用路由器Skill app-router
此技能提供Next.js App Router的全面指导，帮助开发者创建和管理路由、布局、加载状态、错误边界等，优化前端应用结构。关键词：Next.js, App Router, 路由, 布局, 组件, 前端开发。
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。