这个技能专注于使用 Three.js 和 TresJS 构建高性能的 3D HUD（平视显示器）界面，主要用于 JARVIS AI 助手。它提供 3D 渲染、动画效果、实时指标显示，并强调安全性和性能优化，包括安全颜色解析、内存管理和测试驱动开发。关键词：Three.js, TresJS, 3D HUD, WebGL, Vue 3, 安全开发, 性能优化, AI 助手, 全息显示

Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能，适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词：Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。

shadcn/ui 技能是一个专注于使用 shadcn/ui 组件库进行高效、现代化用户界面开发的专家助手。它提供组件安装、样式定制、主题配置、功能扩展以及与表单等复杂逻辑集成的全方位支持。适用于 React 应用、Next.js 全栈项目和快速原型开发，帮助开发者快速构建美观、一致且可维护的 UI。关键词：shadcn/ui, React组件库, UI开发, 前端组件, 主题定制, Next.js, 快速原型。

React性能优化技能专注于提升React应用程序的运行效率和用户体验，涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性，并整合数据分析、性能测试和最佳实践，以支持高效开发和业务增长。

交互设计是一种专注于通过反馈模式、微交互和可访问性设计来优化用户界面体验的技能，适用于设计加载状态、错误处理、动画指南等，提升用户体验和交互效果。关键词：交互设计、用户体验、UI设计、反馈模式、微交互、可访问性、前端开发。

Canvas 设计技能专注于使用 HTML Canvas API 和设计工具（如 Figma、Adobe Creative Suite）进行视觉创作，涵盖数据可视化、交互式图形、图表制作、游戏图形、动画、图像处理和视觉编辑器开发。关键词包括：HTML Canvas、数据可视化、交互式图形、动画设计、游戏开发、图像处理、视觉编辑器、前端开发。适用于前端项目、数据可视化、游戏设计和视觉内容制作，提升用户体验和视觉效果。

该技能用于自动将Markdown文档转换为高质量的图片海报，便于在社交媒体平台如微信、小红书等分享。它支持智能提取标题、生成SVG头图、自动分页等功能，适合内容创作者和播客作者使用。关键词包括Markdown转图片、社交媒体海报、智能生成、内容分享。

这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。

这个技能提供谷歌的TypeScript风格指南，帮助开发者编写高质量、类型安全的代码。它覆盖模块组织、类型安全、类设计、函数模式等关键领域，适用于代码编写、审查和重构，提升代码一致性和可维护性。关键词：TypeScript、代码风格、Google、最佳实践、前端开发、类型安全、模块化、错误处理、命名规范。

Bun开发技能专注于使用Bun运行时进行现代JavaScript和TypeScript开发，涵盖包管理、打包、测试和从Node.js迁移。适用于提升开发速度、优化项目性能或迁移现有Node.js项目。关键词：Bun, JavaScript, TypeScript, 开发工具, 包管理, 测试框架, 性能优化, 迁移指南。

这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。

Reka UI是一个基于Vue 3的无样式、可访问组件库，用于构建headless组件。它提供组件API、无障碍模式（WAI-ARIA合规）、组合模式（asChild）、受控/非受控状态管理、虚拟化优化和样式集成，适用于需要高度定制和可访问性的前端开发项目。关键词：Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。