前端开发 - SkillsBot AI Skill技能库

实现命令面板Skill implementing-command-palettes

React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

灵感UI动画组件库Skill inspira-ui

灵感UI是一个专为Vue和Nuxt项目设计的动画组件库，提供120多种可复用的组件，使用TailwindCSS v4、motion-v、GSAP和Three.js，用于创建炫酷的网页动画、3D效果和交互式UI，提升开发效率和用户体验。关键词：Vue动画、Nuxt动画、前端开发、动画组件、TailwindCSS、3D效果、WebGL、SEO优化。

Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发

表单验证Skill form-validation

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。

React最佳实践Skill react-best-practices

提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

Pinia状态管理Skill pinia

Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能，适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词：Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。

Maz-UI前端组件库技能Skill maz-ui

此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发，包括组件集成、主题定制、国际化实现、SSR支持等，适用于构建现代化Web应用程序。关键词：Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式

Next.js应用路由专家Skill nextjs-app-router

Next.js应用路由技能，提供Next.js App Router高级路由模式的专家级实现指导，包括路由组、并行路由、拦截路由、布局配置、加载状态、错误处理、流式渲染和API路由处理器。适用于前端开发、全栈架构、性能优化和复杂应用路由设计。关键词：Next.js App Router，路由组，并行路由，拦截路由，流式渲染，Suspense，API路由，前端架构，React框架，性能优化。

Next.js全栈开发技能Skill nextjs

这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架，特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构，实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式（如并行路由、拦截路由）以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词：Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。