前端开发 Skill技能列表
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。
MUIv7组件库模式Skill mui
这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库
JavaScript精通Skill javascript-mastery
这个技能提供全面的JavaScript学习和参考材料，涵盖从基础到高级的33+个核心编程概念，帮助开发者掌握JavaScript语言特性，用于前端开发、代码调试、教学培训和项目实践。关键词：JavaScript, 编程语言, 前端开发, 概念学习, 代码调试, 教学资源, Web开发, 异步编程, 函数式编程, ES6+特性。
国际化与本地化Skill i18n-localization
该技能专注于软件的国际化和本地化实现，包括管理多语言翻译、处理区域文件、支持从右到左布局等，确保应用适应全球市场。关键词：国际化、本地化、翻译管理、多语言支持、RTL、前端开发、后端开发。
前端开发指南Skill frontend-dev-guidelines
这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。
设计系统入门工具Skill design-system-starter
这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。
核心网页指标优化Skill core-web-vitals
这个技能专注于优化LCP（最大内容绘制）、INP（交互到下一次绘制）和CLS（累积布局偏移）这三个核心网页指标，以提升页面体验和搜索引擎排名。适用于前端开发、SEO优化和网站性能监控。关键词：核心网页指标、LCP、INP、CLS、页面体验优化、前端性能、搜索排名。
核心组件库设计系统Skill core-components
这个技能涉及使用核心组件库和设计系统来构建一致的用户界面。它强调通过设计令牌实现样式标准化和代码可维护性，适用于前端开发项目。关键词：设计系统、组件库、设计令牌、前端开发、UI构建、代码规范、设计模式。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式，旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI，以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词：编码标准，最佳实践，TypeScript，JavaScript，React，Node.js，软件开发，代码质量，前端开发，后端开发。