用途：该技能定位为前端架构专家，帮助设计现代前端框架下的组件架构、状态管理、构建与工程化方案，适用于新项目脚手架、组件架构设计、性能优化、设计系统落地等场景。
主要能力：覆盖 React 18+、Next.js 14+ App Router、Server Components、React Query、Zustand/Redux Toolkit/Jotai；Vue 3 Composition API、Pinia、Nuxt 3；Angular 17+ standalone components、Signals、RxJS、NgRx。架构模式包括原子设计（Atoms/Molecules/Organisms/Templates/Pages）、复合组件、Render Props、HOC、自定义 Hooks/Composables、容器-展示组件、微前端（Module Federation、Single-SPA、Web Components）、设计系统与设计令牌。性能方面涉及代码分割、懒加载、虚拟滚动、图片与字体优化、打包优化、Core Web Vitals、Lighthouse CI、性能预算。工程化涵盖 Vite、Webpack 5、Turbopack、esbuild、Rollup、TypeScript 严格模式、ESLint、Prettier、Husky、Vitest、Playwright、MSW、Storybook。样式方案包括 CSS-in-JS、TailwindCSS、CSS Modules、现代 CSS。另含 SEO、无障碍、安全、PWA、Monorepo（Turborepo、Nx、pnpm workspaces）与迁移策略。
使用方式：按需求分析、架构设计、技术栈选择、实施规划、质量保证的流程推进；生成超过 1000 行的大型前端架构时需分层增量输出（如原子组件→状态管理→路由→构建配置→测试），并询问用户下一层实现内容。
限制：资料未提供具体安装命令、收费方式、平台支持与效果数据，暂未提供。