前端开发 Skill技能列表
ReactTypeScript开发Skill react-dev
这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel维护的React和Next.js前端性能优化技能，提供45个规则覆盖8个类别，用于代码编写、审查和重构，以提升应用性能。关键词：React, Next.js, 性能优化, 前端开发, 代码优化, Vercel。
性能优化Skill performance
性能优化技能基于Lighthouse性能审计，专注于提升网站加载速度、运行时效率和资源优化，改善核心Web要素如LCP、FCP和TBT。关键词包括：网站速度优化、性能审计、核心Web要素、缓存策略、图像优化、JavaScript优化、前端开发、Web性能。
OpenAPI到TypeScript转换Skill openapi-to-typescript
这个技能用于将OpenAPI 3.0规范转换为TypeScript接口和类型守卫，帮助开发者从API规范自动生成类型定义，提高开发效率和代码质量，适用于前端和后端开发。关键词：OpenAPI, TypeScript, 接口生成, API规范, 类型安全, 前端开发, 后端开发, 自动化代码生成
Next.js与Supabase身份验证集成Skill nextjs-supabase-auth
这个技能专注于在Next.js应用中集成Supabase身份验证，提供安全、高效的认证解决方案，包括客户端设置、中间件保护、回调处理等，适用于构建需要用户登录和权限控制的Web应用。关键词：Next.js, Supabase, 身份验证, 认证, 中间件, 路由保护, App Router。
Next.js最佳实践Skill nextjs-best-practices
这个技能是关于Next.js框架中App Router开发的最佳实践，涵盖了服务器与客户端组件、数据获取模式、路由原则、API设计、性能优化、缓存策略等关键方面，旨在帮助前端开发者构建高效、可扩展的Web应用。关键词：Next.js、App Router、服务器组件、客户端组件、数据获取、路由、性能优化、缓存、SEO。
JavaScript精通Skill javascript-mastery
这个技能提供全面的JavaScript学习和参考材料，涵盖从基础到高级的33+个核心编程概念，帮助开发者掌握JavaScript语言特性，用于前端开发、代码调试、教学培训和项目实践。关键词：JavaScript, 编程语言, 前端开发, 概念学习, 代码调试, 教学资源, Web开发, 异步编程, 函数式编程, ES6+特性。
前端开发指南Skill frontend-dev-guidelines
这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
算法艺术Skill algorithmic-art
这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术
网页无障碍审计专家Skill AccessibilityAuditor
这个技能用于网页可访问性审计，确保网站符合WCAG 2.1 AA/AAA标准，实现ARIA属性，测试屏幕阅读器兼容性，并提供无障碍设计指导。关键词：网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。