此技能提供Avue CRUD组件的全面指导，帮助开发者快速构建和管理数据表格界面，支持增删改查、分页、搜索、排序、导出等常见功能。适用于前端开发中需要实现数据管理场景的项目，如配置表格操作、表单处理和API集成。关键词：Avue CRUD、前端开发、表格操作、数据管理、Vue.js、增删改查、分页搜索、列配置、表单验证。

这个技能涵盖Vue.js测试的最佳实践和模式，包括使用Vitest、Vue Test Utils进行组件测试、模拟、端到端测试等，适合前端开发人员和测试工程师。关键词：Vue.js、测试、最佳实践、Vitest、Vue Test Utils、组件测试、Playwright、端到端测试。

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

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

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

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

此技能提供Avue框架的全面指导，帮助用户构建管理界面、实现CRUD操作、使用表单和表格组件等前端开发任务。关键词包括Avue, Vue, Element UI, 数据驱动, 表单, 表格, CRUD, 树形, 上传, 选择器，适合SEO搜索。

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

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

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

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

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