前端开发 Skill技能列表
VercelReact最佳实践Skill vercel-react-best-practices
Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南，包含57条规则，按优先级分类。适用于编写、审查、重构React/Next.js代码时，确保最佳性能模式，涉及组件、页面、数据获取、包优化和性能改进，帮助提升应用速度、减少加载时间，优化用户体验。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。
SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit
这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理，提供指南、最佳实践、代码审查和重构建议，帮助开发者提升网站可搜索性、代码质量和一致性。关键词：SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。
设计令牌管理Skill design-token-management
设计令牌管理技能用于实现和维护设计令牌系统，覆盖令牌模式、命名约定、转换管道和多平台交付，适用于设计系统的构建，提升UI/UX一致性和开发效率。关键词：设计令牌、CSS变量、样式字典、设计系统、前端开发、SEO优化。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践，基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式，适用于UI开发和前端应用构建。关键词：Makepad事件处理，动作模式，UI开发，Rust编程，Robrix，Moly，小部件动作，异步处理，前端框架。
shadcn组件管理Skill shadcn-management
这个技能用于管理 shadcn/ui 组件，支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令，适用于前端开发项目。关键词：shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。
前端设计Skill frontend-design
前端设计技能用于通过AI多模态分析、创意代码实现和独特美学，创建高质量、生产级的前端界面。它专注于避免通用AI美学，适用于Web开发、组件构建、设计复制和灵感汲取，关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。
前端构件构建器Skill artifacts-builder
这个技能是一个前端构件构建工具，用于创建复杂的Claude.ai HTML构件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui技术栈。它包括项目初始化、开发、打包和分享功能，适合需要状态管理和路由的前端项目。关键词：前端开发、HTML构建、React、TypeScript、Vite、Tailwind CSS、shadcn/ui。
前端开发指南Skill frontend-dev-guidelines
这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
响应式设计模式Skill responsive-design-patterns
本技能专注于移动优先的响应式设计模式，用于创建自适应、响应式用户界面。关键要素包括断点系统、流体布局、自适应组件和触摸友好模式，适用于前端开发，提升网页和应用的跨设备兼容性和用户体验。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户界面、移动端适配。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
Makepad着色器技能Skill makepad-shaders
这个技能专注于Makepad框架中的着色器编程，用于帮助用户编写和解释着色器代码，包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染，关键词包括：Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。