此技能用于通过单一命令快速创建uni-app-x项目，包括Vue 3 + TypeScript + Vite设置、配置和模板生成，适用于初始化项目结构、设置开发环境或生成模板的场景。关键词：uni-app-x, TypeScript, Vue 3, 项目创建, 模板生成, HBuilderX, 一键创建, 快速启动。

AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。

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

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

该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。

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

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

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

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

Slidev是一款面向开发者的现代化演示文稿制作工具，基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制，能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片，并支持导出为PDF、PPTX等多种格式。

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

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