vue

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

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

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

配置 Better Auth 服务端和客户端，设置数据库适配器，管理会话，添加插件以及处理环境变量。当用户提及……时使用。

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

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

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

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

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

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

Vue 3 组合式 API、script setup 宏、响应式系统和内置组件。在编写 Vue SFC、使用 defineProps/defineEmits/defineModel 时使用，…

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……

Nuxt 是一个支持 SSR、自动导入和基于文件路由的全栈 Vue 框架。在开发 Nuxt 应用、服务器路由、useFetch、中间件或混合……时使用。

在适当的地方应用 VueUse 组合式函数，以构建简洁、可维护的 Vue.js / Nuxt 功能。

为 Web 应用和基础设施实施安全最佳实践。适用于保护 API、防范常见漏洞或实施安全……

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

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