vue

创建独特、达到生产级别且具备高设计质量的前端界面。当用户要求构建 Web 组件、页面、制品等时，请使用此技能……

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

创建应用或为应用添加 Convex。用于新的 Convex 项目，npm create

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

Vite 构建工具配置、插件 API、SSR 以及 Vite 8 Rolldown 迁移。在处理 Vite 项目、vite.config.ts、Vite 插件或构建……时使用。

必须用于 Vue.js 任务。强烈推荐将 Composition API 结合 `<script setup>` 和 TypeScript 作为标准方案。涵盖 Vue 3、SSR、Volar……

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

必须用于 Vue.js 任务。强烈推荐将 Composition API、`<script setup>` 和 TypeScript 作为标准开发方式。涵盖 Vue 3、SSR、Volar……

Vue 3 调试与错误处理：涵盖运行时错误、警告、异步失败及 SSR/水合问题。在诊断或修复 Vue 问题时使用。

遵循 WCAG 2.1 指南实现 Web 无障碍 (a11y) 标准。适用于构建无障碍 UI、修复无障碍问题或确保……

Vue Router 4 模式、导航守卫、路由参数以及路由与组件的生命周期交互。

优化 Web 性能，实现更快的加载速度和更好的用户体验。当被要求“加速网站”、“优化性能”、“减少加载时间”、“修复…”时使用。

使用 @nuxt/ui v4 构建 UI — 125+ 个具备无障碍访问特性的 Vue 组件，支持 Tailwind CSS 主题。适用于创建界面、自定义主题以契合品牌风格，…

Pinia 官方 Vue 状态管理库，类型安全且可扩展。用于定义 store、处理 state/getters/actions，或实现 store…

官方 GSAP 核心技能——gsap.to()、from()、fromTo()、缓动、持续时间、交错、默认值、gsap.matchMedia()（响应式，…