前端开发 Skill技能列表
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。
国际化(i18n)Skill internationalization-i18n
这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。
shadcn/ui组件注册集成技能Skill fumadocs-registry-integration
这个技能用于将 8-bit 风格的 UI 组件集成到 shadcn/ui 组件库中，通过更新 registry.json 文件，使开发者能使用命令行工具快速添加和管理组件。它包括创建组件文件、更新注册表、管理依赖和样式文件，适用于前端开发和组件库集成。关键词：shadcn/ui, 8-bit 组件, 前端开发, 组件注册, 集成, 代码管理, 样式文件。
BetterAuthIntegrationSkill auth-integration
使用Better Auth/NextAuth v5进行身份验证实现的专家指导，包括登录/注册表单、Zustand会话管理、通过中间件的受保护路由和ERP系统的角色基础访问控制。
创建Claude规则Skill creating-claude-rules
本技能指南详细介绍了如何为Claude代码助手创建和管理.claude/rules/目录下的模块化规则文件。内容涵盖规则文件的正确格式、路径限定方法、常见错误避免以及目录结构组织。适用于开发者在项目中配置Claude代码助手的行为规范，提高代码一致性和开发效率。关键词：Claude规则，代码助手配置，开发规范，路径限定，glob模式，前端开发工具
Chrome本地AI提示API开发指南Skill web-ai-prompt-api
Chrome本地AI提示API开发指南，详细介绍如何在浏览器中利用Gemini Nano模型实现AI功能，包括会话管理、多模态输入处理、结构化JSON输出、流式响应和Chrome扩展集成。该技能专注于前端AI应用开发，提供完整的本地化AI解决方案，无需依赖云端服务，保障数据隐私和安全。关键词：Chrome AI API，Gemini Nano，本地AI，浏览器AI，多模态输入，结构化输出，会话管理，前端AI开发，隐私保护AI
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
设计系统创建Skill design-system-creation
设计系统创建是一个用于构建和管理UI设计系统的技能，包括设计令牌、组件库、文档等，旨在确保品牌一致性和开发效率。关键词：设计系统、UI设计、前端开发、组件库、设计令牌、响应式设计、可访问性。
Set和Map高效查找优化Skill js-set-map-lookups
该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题，涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词：Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。