前端开发 Skill技能列表
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖，并遵循最佳实践来简化应用程序的国际化（i18n）和本地化（l10n）流程。关键词：国际化 i18n，本地化 l10n，多语言应用，翻译管理，区域设置，前端开发，软件开发。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
Biome代码检查技能Skill biome-linting
这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查，提升代码质量、性能和安全性。关键词：Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。
动效设计技能Skill motion-design
动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。
Nuxt认证增强模块Skill nuxt-better-auth
Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
Tailwind性能优化Skill tailwind-performance
这个技能用于优化Tailwind CSS在生成环境中的性能，通过配置内容路径、使用JIT模式、最小化自定义CSS等方法，减少CSS包大小，提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。