前端开发 Skill技能列表
nuqs最佳实践Skill nuqs
本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南，包含42条规则，覆盖8个类别，帮助开发者进行代码生成、重构和代码审查。关键词：nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能，用于构建可维护的React组件，避免布尔属性泛滥，提升代码质量和团队协作效率。关键词：React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
视频制作人Skill video-producer
这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。
Nuxt认证增强模块Skill nuxt-better-auth
Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发
ReactHookForm+Zod验证Skill react-hook-form-zod
此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。
添加实用函数Skill add-utils-function
这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。
表格与数据网格构建Skill building-tables
该技能用于系统化创建表格和数据网格，从简单HTML表格到处理数百万行的企业级虚拟化网格。它提供决策框架、性能优化策略、可访问性设计和响应式布局，适用于前端开发中的数据展示、排序、筛选、分页、内联编辑和数据导出等功能实现。关键词：表格、数据网格、前端开发、性能优化、可访问性、响应式设计、排序、筛选、分页。
Web框架技能组Skill web-frameworks
本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。
网页界面指南审查Skill web-design-guidelines
此技能用于自动审查网页 UI 代码，确保其符合 Web 界面指南，包括可访问性检查、设计审计和用户体验优化，提升网站质量，便于 SEO 搜索。关键词：UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
Makepad调试与参考Skill makepad-reference
此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料，帮助开发者解决常见错误、优化代码结构，并实现跨平台UI开发。关键词：Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。