前端开发 Skill技能列表
实现命令面板Skill implementing-command-palettes
React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
灵感分析器Skill inspiration-analyzer
这个技能通过分析指定网站的URL，自动提取设计元素如颜色、字体、布局和UI模式，生成结构化灵感报告，帮助设计师快速获取并应用设计灵感。关键词：网站设计分析、颜色提取、字体识别、布局模式、UI灵感提取、设计工具、前端开发辅助。
方法简写JSDoc保留Skill method-shorthand-jsdoc
这个技能用于在TypeScript或JavaScript开发中，通过工厂函数返回对象时使用方法简写，确保JSDoc注释在IDE中可见，提高代码文档的可读性和维护性。关键词：JSDoc、TypeScript、JavaScript、工厂函数、方法简写、代码文档、IDE提示、前端开发。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持，来构建可访问的网络应用程序，确保所有用户，包括残障人士，都能平等访问网络内容。关键词：网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。
状态管理Skill state-management
这是一个关于现代 React 应用状态管理的综合指南。它详细介绍了如何根据状态类型（服务器状态、客户端状态、表单状态、URL状态）选择和使用不同的状态管理库（TanStack Query, Zustand, React Hook Form, Zod, nuqs），以实现高效、类型安全且可维护的代码。内容包括查询键工厂、自定义钩子、类型化存储、性能优化选择器、状态持久化以及表单验证等核心模式。
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖，并遵循最佳实践来简化应用程序的国际化（i18n）和本地化（l10n）流程。关键词：国际化 i18n，本地化 l10n，多语言应用，翻译管理，区域设置，前端开发，软件开发。
前端开发模式Skill frontend-patterns
这个技能专注于前端开发的最佳实践模式，特别针对Next.js App Router、Clerk认证、shadcn/Radix UI组件和PostHog分析集成。它用于构建用户界面组件、创建页面、实现认证流程或添加分析事件，确保一致的用户体验模式和可访问性标准。关键词包括前端开发、Next.js、认证、UI模式、分析。
Zustand高级模式Skill zustand-advanced-patterns
Zustand 高级模式是一种前端状态管理技术，专为React应用程序设计，提供瞬态更新、乐观更新、撤销重做、存储组合等高级功能，用于优化性能和管理复杂状态。关键词：Zustand、状态管理、React、前端开发、性能优化、瞬态更新、乐观更新。
网页制品构建器Skill web-artifacts-builder
这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。
TypeScript类型系统Skill typescript-type-system
TypeScript类型系统技能专注于TypeScript语言的类型特性，包括编译器配置、严格模式、高级类型（如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型）、类型收窄（类型守卫、判别联合）、实用类型、类型断言等，帮助开发者编写类型安全的JavaScript代码，提高代码质量和可维护性，适用于前端和后端开发。关键词：TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。
设计迭代器Skill design-iterator
设计迭代器技能是一个系统化的UI/UX设计优化工具，通过多次迭代、视觉分析、竞品研究和渐进式改进，提升前端界面的美观度和专业性。适用于颜色调整、布局平衡和整体美感优化，帮助设计师和开发者快速迭代设计。关键词：UI/UX设计迭代、前端设计优化、视觉分析、竞品研究、渐进式改进。
uni-app项目创建器Skill uniapp-project-creator
此技能用于快速创建和初始化uni-app项目，通过一键命令或HBuilderX工具，支持Vue 2/Vue 3模板选择、配置文件设置和项目结构生成，适用于前端开发和移动应用开发场景。关键词：uni-app、项目创建、CLI、HBuilderX、Vue、快速启动、项目初始化、模板选择。