用途：该技能为已在用 Vue.js 的项目提供架构决策支持，主题包括新项目技术栈选择、PrimeVue 4 + Tailwind 4 + CSS 图层配置、Pinia 3 客户端状态与服务端状态库的划分、Vue 生态渲染策略（SPA、SSR、SSG、ISR、PPR）选择、基于 Vitest + Playwright 的 Vue 测试体系、面向欧盟项目的无障碍合规决策、面向 AI 智能体（Cursor、Claude Code）的代码库结构，以及 Vue 架构决策记录（ADR）撰写。
主要能力：覆盖 Vue 3.5（LTS）、Vue 3.6 beta 的 Vapor 模式、Nuxt 4、Vite 6 环境 API、Lightning CSS、Tailwind CSS 4、Rolldown、PrimeVue 4 的 CSS 图层顺序（theme < base < primevue < components < utilities）、设计令牌、状态分离（TanStack Query v5、Pinia Colada、Pinia 3、VeeValidate + Zod）、HTTP 客户端选型（ofetch、xior.js、wretch、ky）、性能与 Core Web Vitals 目标、Vitest 4 与 Playwright 测试分工、WCAG 2.2 AA 与 EAA 合规清单、AI 智能体可读的仓库治理文件与 SFC 规则，以及 ADR 模板与规则。
使用方式：资料给出按团队规模、项目类型、SEO 需求与性能要求选择技术栈的决策框架，并列有安装命令（如 npm i -D @tailwindcss/vite）与代码示例（如 PrimeVue 的 cssLayer 顺序配置）。
适用场景：Vue 3/Nuxt 4 新项目选型、管理后台、SaaS、内容站、电商与企业级项目的架构治理。
限制：部分内容基于 2026 年生态状态与特定安全事件叙述，实际项目中需自行核实版本与安全信息；该技能面向已使用 Vue.js 的项目，不适用于非 Vue 技术栈。