此技能专注于使用Vue 3和Nuxt 3进行前端开发，构建类型安全、高性能的Web应用程序。涵盖Vue 3 Composition API、Nuxt 3服务器端渲染(SSR)、静态站点生成(SSG)、Pinia状态管理、性能优化和客户端安全。适用于开发现代、响应式的前端项目。关键词：Vue 3, Nuxt 3, 前端开发, Composition API, TypeScript, 性能优化, 网络安全。

Vue 3 开发技能是一个参考系统，提供 Vue 3 Composition API 模式、组件架构、测试实践等指导，适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词：Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。

本技能专注于Vue Router 4的最佳实践，涵盖导航守卫的使用、路由参数管理、组件生命周期交互等核心知识点。帮助开发者避免常见陷阱，如无限重定向、数据陈旧问题，提升Vue.js单页面应用的开发效率和代码质量。关键词包括Vue Router、导航守卫、路由参数、组件生命周期、Vue.js开发、前端开发。

Vite 是一个用于前端开发的下一代构建工具，提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器，适用于现代前端框架如 Vue 和 React，并支持插件扩展。关键词：Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。

Pinia v3是Vue.js的官方状态管理库，用于在Vue 3应用中管理全局状态。它支持defineStore、getters、actions等功能，适用于Vue 3存储、Nuxt SSR、Vuex迁移、存储组合、状态水合、测试等场景。关键词：Pinia, Vue状态管理, defineStore, 状态管理, Vue 3, SSR, Nuxt, 测试, 插件, 可组合。

TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程

该技能涉及在 Cloudflare Workers 无服务器计算平台上集成和部署现代 Web 框架，以构建高性能的全栈应用程序。它支持路由管理、服务器端渲染（SSR）、静态资产处理和边缘部署，适用于开发 API、轻量级应用、内容网站以及各种前端框架（如 React、Vue、Svelte）的项目。关键词包括：Cloudflare Workers、框架集成、无服务器、SSR、边缘计算、Hono、Remix、Next.js、Astro、SvelteKit、Qwik、Nuxt。

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。

Pinia 是 Vue 的官方状态管理库，提供类型安全、可扩展性和直观的 API，适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词：Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。

这个技能提供Vitest测试框架的全面指导，涵盖快速测试执行、Vite集成、组件测试、模拟和配置。适用于编写快速单元测试、测试Vue/React组件或在Vite项目中配置Vitest。关键词：Vitest, 测试框架, 单元测试, 组件测试, Vite, Jest兼容, 监视模式, HMR, TypeScript, ESM, 模拟, 快照, 覆盖率, 浏览器模式, 视觉回归测试。

RuoYi代码生成器是一个自动化工具，它能够根据用户提供的数据表信息（表名、字段定义）自动生成完整的CRUD代码，包括Java后端代码、MyBatis XML映射文件、Vue前端代码和菜单初始化SQL。这个工具适用于创建新模块、添加业务功能、以及根据表结构生成代码等场景，极大地提高了开发效率和代码质量。