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

此技能提供Jest测试框架的全面指导，帮助用户编写和管理JavaScript/TypeScript测试，包括单元测试、集成测试、模拟函数、异步测试、快照测试和项目配置。适用于前端和后端开发中的测试需求，提高代码质量和测试效率。关键词：Jest, 测试, 单元测试, 集成测试, Mock, 快照, 匹配器, 异步测试, 覆盖率, CLI, 配置, TypeScript, React, Vue。

Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念，帮助开发者创建类型安全、易于维护的现代Web应用。关键词：Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。

这个技能提供 Pinia 状态管理专长，用于在 JARVIS AI 助手中管理应用状态，包括系统指标、用户偏好和 HUD 配置。它专注于前端开发，使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理，适用于实时数据同步和 SSR 安全场景。关键词：Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。

Cypress测试框架是一个用于端到端测试和组件测试的工具，提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试，支持React、Vue、Angular、Svelte等多种框架，包括设置测试、编写测试用例、调试测试和优化性能。关键词：Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。

文档站点生成器是一款自动化工具，用于快速构建和部署技术文档网站。它支持Docusaurus、MkDocs和VuePress三大主流框架，提供主题定制、搜索集成（Algolia/本地）、版本控制、多语言支持和侧边栏自动生成等功能。适用于API文档、架构设计文档、可观测性文档等场景，帮助开发团队高效管理和发布技术内容。关键词：文档生成、Docusaurus、MkDocs、VuePress、技术文档、静态站点、搜索集成、版本控制、多语言、自动化部署。

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

UI组件迁移器是一款用于在不同前端框架（如React、Vue、Angular）之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移，支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器，实现高效、准确的框架迁移，减少手动重构工作量，提升前端项目现代化升级效率。

组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。

Vue Router v4 是一个用于 Vue 3 应用程序的前端路由管理库，提供路由配置、导航守卫、动态路由匹配、懒加载和代码分割等功能。适用于构建单页应用，支持 TypeScript 类型化路由和组合式 API。关键词：Vue Router v4, 前端开发, 路由管理, Vue 3, 导航守卫, 动态路由, 懒加载, TypeScript, SEO 搜索。

这个技能提供了Bootstrap Vue 3组件库的全面指导，用于帮助开发者使用Vue.js和Bootstrap构建前端应用。它包括组件、网格系统、指令和API的详细说明，适用于前端开发、Vue 3集成、响应式布局等场景。关键词：Bootstrap Vue, Vue 3, 前端开发, 组件库, 响应式设计。