用途：在启动新前端项目或为团队评估技术栈时，快速给出框架、渲染方式、状态管理、设计系统、测试、性能与安全等架构决策参考，并支持与 Cursor、Claude Code 等 AI 代理工作流集成。
主要能力：框架选型建议（React 19、Vue 3.5+、Angular 19、Svelte 5、Qwik 等，含市场占比、包体积与适用场景）；渲染策略与元框架决策（SSR/SSG/SPA/Islands，Next.js 16、Nuxt 4、Astro 5、SvelteKit、Remix）；变更方案对比（Server Actions 与 tRPC）；设计系统与样式（Headless UI + Tailwind CSS、PrimeVue、MUI、Ant Design、shadcn/ui，Tailwind v4 为默认，避免运行时 CSS-in-JS）；状态管理（服务端状态用 TanStack Query/SWR，客户端状态用 Zustand/Jotai/Pinia，表单用 React Hook Form 或 VeeValidate + Zod，新项目避免 Redux）；性能与 Core Web Vitals 目标与检查清单；测试策略（Vitest 4、Playwright、视觉回归）；无障碍（WCAG 2.2 AA）；客户端安全（OWASP、CSP、HttpOnly Cookie、禁止 localStorage 存密钥）；架构决策记录（ADR）模板与治理；绿色 Web 指标；开发者体验（TypeScript strict、Monorepo、Vite/Turbopack/Rspack）。
使用方式：作为技能加载后，按项目类型（后台管理、SaaS、内容营销、电商、企业级、绿地高性能）套用快速栈选择器；按需参考各章节决策树、清单与对比表；ADR 模板可放入 /docs/adr/ 供 AI RAG 使用。资料未提供具体安装命令或调用示例。
适用场景：新项目启动、框架评估、组件与状态架构设计、设计系统搭建、测试与安全基线建立、AI 代理工作流接入。
限制：本技能为“简洁版”，内容为架构指导性建议，非可执行工具；资料中未提供版本更新机制、收费信息、平台限制或具体代码安装步骤，部分框架版本特性以资料所述时间为准。