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

Pinia是Vue.js官方状态管理库，提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用，帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发，提升前端应用架构质量。

使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序，实现代码的模块化和类型安全。

这个技能专注于Nuxt 4框架的核心开发和配置，涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用，提高开发效率和性能。关键词：Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架

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

本技能提供TypeScript开发的专业知识，专注于为JARVIS AI助手实现类型安全，涵盖Vue组件、API路由、3D渲染和状态管理等领域，强调编译时错误预防和运行时数据验证。关键词：TypeScript，类型安全，AI助手，前端开发，全栈开发，Zod，Vue组件，API路由，3D渲染。

此技能提供 Vue Router v3 的安装、配置、路由模式实现、导航守卫、历史模式、懒加载路由等全面指导，适用于 Vue 2 项目，包含官方 API 详细信息和资源链接。关键词：vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object。

此技能用于快速创建和初始化uni-app项目，通过一键命令或HBuilderX工具，支持Vue 2/Vue 3模板选择、配置文件设置和项目结构生成，适用于前端开发和移动应用开发场景。关键词：uni-app、项目创建、CLI、HBuilderX、Vue、快速启动、项目初始化、模板选择。

前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试

UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。

本技能包提供了 Vue Router 4 的核心最佳实践指南，涵盖导航守卫、路由参数处理、组件生命周期交互等关键主题。旨在帮助前端开发者解决路由跳转、参数更新、守卫异步操作、无限循环等常见问题，优化单页应用的路由性能和代码结构。关键词：Vue Router， 导航守卫， 路由生命周期， 单页应用， 前端路由， Vue.js， 路由参数， 组件交互。

Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。