vue

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

使用 Jest、Vitest 和 Testing Library 实施全面的测试策略，涵盖结合 Mock 技术的单元测试、集成测试和端到端测试……

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

用于 Vue.js 测试。涵盖 Vitest、Vue Test Utils、组件测试、Mock、测试模式，以及用于 E2E 测试的 Playwright。

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

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

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

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

Anthony Fu 为 JavaScript/TypeScript 项目定制的工具链与规范。适用于初始化新项目、配置 ESLint/Prettier 等场景。

面向 React 的官方 GSAP 技能 —— useGSAP hook、refs、gsap.context() 及清理机制。当用户希望在 React 或 Next.js 中实现动画，或询问有关 GSAP 与……的结合使用时使用。

适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能 —— 涵盖生命周期、选择器作用域、卸载时清理。当用户想要在……中实现动画时使用。

由 Rolldown 驱动，以极速打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包为……

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。

使用 Slidev 为开发者创建并展示基于网页的幻灯片，支持 Markdown、Vue 组件、代码高亮、动画和交互功能。使用……

Clerk 认证路由。当用户询问添加认证时使用，

由 Vite 和 Vue 驱动的 VitePress 静态站点生成器。适用于构建文档站点、配置主题，或结合 Vue 组件编写 Markdown。

按照官方快速入门指南，将 Clerk 身份验证添加到任何项目

优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。

通过 Context7 MCP 使用最新的库和框架文档，而非训练数据。在涉及配置问题、API 参考、代码示例或当……时激活。