前端开发 Skill技能列表
UI/UX前端设计最佳实践Skill ui-design
这个技能提供全面的UI/UX和前端设计最佳实践指南,用于确保代码的可访问性、性能和用户体验。适用于前端开发、网页设计、响应式布局、表单验证、动画优化等领域,关键词包括UI设计、前端开发、最佳实践、可访问性、性能优化、响应式设计、用户体验、HTML CSS。
TypeScript性能优化Skill typescript
这个技能用于优化TypeScript应用程序的性能,包括配置tsconfig.json以加速编译、优化类型系统减少计算成本、改进异步模式提升运行时效率、组织模块管理导入、确保类型安全和内存管理等。适用于开发者在编写TypeScript代码时解决性能瓶颈、修复类型错误和提升编译速度。关键词:TypeScript,性能优化,编译加速,类型安全,异步编程,模块组织,内存管理,开发效率。
TanStack查询优化Skill tanstack-query
TanStack Query v5性能优化技能,专注于数据获取、缓存、变异和查询模式的优化,旨在提升React应用的数据管理效率和性能。关键词:TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南
TailwindCSSv4性能优化最佳实践Skill tailwind
此技能提供Tailwind CSS v4的全面性能优化和最佳实践指南,帮助开发者在编写、审查或重构代码时优化构建性能、最小化CSS输出,并正确使用v4特性。适用于前端开发中的样式管理、响应式设计和性能提升。关键词:Tailwind CSS v4, 性能优化, 最佳实践, CSS生成, 构建配置, 前端开发, 响应式设计, 工具类。
shadcn/ui前端组件库开发技能Skill shadcn
这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。
React19性能优化Skill react
这个技能提供React 19应用程序的性能优化指南,涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题,帮助前端开发者提升应用性能、减少重新渲染和优化开发效率,关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。
ReactHookForm性能优化技能Skill react-hook-form
这个技能提供 React Hook Form 库的性能优化最佳实践,专注于客户端表单验证,包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧,帮助开发者提升表单应用的性能和效率。关键词:React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。
nuqs最佳实践Skill nuqs
本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南,包含42条规则,覆盖8个类别,帮助开发者进行代码生成、重构和代码审查。关键词:nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。
Next.js16AppRouter性能优化技能Skill nextjs
此技能提供Next.js 16 App Router的全面性能优化指南,涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域,帮助前端开发者提升应用性能和效率,适用于Next.js项目开发和性能调优。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
UI保护锁定Skill ui-freeze
这是一个用于前端开发的UI保护技能,能自动锁定关键设计文件如tailwind.config和CSS变量,防止意外更改,提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域,确保设计系统的一致性。关键词:UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。