Tailwind CSS样式设计专家指南，专注于移动优先响应式设计、自定义主题和实用优先方法。提供组件样式、响应式布局、深色模式支持、可访问性优化和性能调优。适用于前端开发、UI组件设计、仪表板布局、Web应用界面开发。关键词：Tailwind CSS, 移动优先设计, 响应式布局, 深色模式, 实用优先, 组件样式, 前端开发, UI设计, 可访问性, 性能优化

这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。

此技能专注于使用 Vue 3 和 Nuxt 3 构建 JARVIS AI 助手的用户界面，强调安全第一的开发模式，包括响应式 3D HUD 组件、服务器端渲染、性能优化和安全处理用户输入。关键词：Vue 3, Nuxt 3, 前端开发, 安全开发, 3D HUD, AI助手UI, 性能优化, 测试驱动开发, TypeScript。

这个技能专注于TypeScript库的高质量开发，提供从项目初始化到发布的完整指南，包括双格式支持、构建工具配置、API设计模式和测试策略。关键词：TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。

这是一个Next.js框架专家技能，专为前端开发设计，帮助开发者遵循Next.js 14和15的最佳实践，包括App Router、Server Components、API routes等，提升代码质量和开发效率。关键词：Next.js、前端开发、Web开发、代码审查、最佳实践、响应式设计、TypeScript、SEO优化。

此技能提供Svelte前端框架的全面学习与应用指导，涵盖组件开发、响应式编程、状态管理、动画过渡和编译等核心功能，帮助用户快速掌握Svelte进行高效Web应用开发。关键词：Svelte、前端框架、组件开发、响应式编程、Web开发、存储管理、编译优化。

自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。

UX评估器是一个用于系统性评估用户界面（UI）组件用户体验（UX）质量的工具。它基于位置、视觉权重、间距三维分析框架，参照Balsamiq、尼尔森启发式等权威行业标准，提供客观、可操作的设计审查建议。适用于UI/UX设计师、前端开发者、产品经理进行界面优化、可用性检查、设计规范对齐。关键词：UX评估，UI审查，用户体验，设计规范，可用性测试，界面设计，三维分析框架。

该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。

这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

这个技能提供了Chrome浏览器扩展的用户体验和用户界面设计的最佳实践指南，涵盖组件选择、可访问性、弹出窗口、侧边栏、内容脚本UI等关键方面，优化Manifest V3兼容性，旨在帮助开发者创建高效、易用且符合规范的扩展。关键词：Chrome扩展、UX/UI设计、最佳实践、前端开发、浏览器扩展、Manifest V3、设计指南。

这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。