UI/UX Pro Max是一个全面的设计智能技能，专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型，支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性，提高设计效率和专业性。关键词：UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。

VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。

组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。

这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成，提供项目结构、组件模板、测试和配置的最佳实践，关键词包括：原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。

Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。

这个技能提供uView Pro Vue 3组件库的全面指南，帮助开发者安装、配置和使用各种UI组件、工具和布局模板，适用于Vue 3和uni-app项目。关键词包括uView Pro, Vue 3, uni-app, UI组件, 前端开发, 组件库, 移动优先设计, 主题自定义, i18n, 工具方法。

此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。

本技能提供Avue-form表单组件的全面指导，包括在Vue项目中安装、配置表单选项和列、处理表单验证、使用动态表单、事件和方法等。适用于Vue开发者快速上手和管理表单。关键词包括Avue-form、Vue表单、表单验证、动态表单、表单配置、前端开发。

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

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

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

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