用途：该技能是前端架构设计助手，用于在规划组件架构、选择状态管理策略、做性能优化或技术选型时提供结构化支持。
主要能力：它以分步思考流程引导决策。第一步上下文发现，了解现有技术栈、当前架构、痛点、团队技能与部署目标（SSR、SPA、静态、混合）。第二步需求分析，明确核心功能、规模、性能指标（如 LCP、FID、CLS）、SEO 需求与数据流。第三步架构选型，按需求匹配模式：SEO 内容用 SSR/SSG，高交互 UI 用客户端 hydration，大型代码库用 Feature-Sliced Design，设计系统用 Atomic Design，复杂状态用集中式 store（Zustand、Redux），服务器数据用 TanStack Query 或 SWR。第四步组件设计，按原子设计分层（atoms、molecules、organisms、templates、pages），明确职责、props 与加载/错误/空状态。第五步状态管理，按 UI 状态、共享 UI 状态、服务器状态、URL 状态、表单状态分别选择方案，强调就近放置、共享时上提、服务器状态用专用库。第六步性能设计，包含路由级代码分割、懒加载、图片与字体优化、关键 CSS 内联、并行数据获取、记忆化与虚拟滚动。第七步权衡分析，给出方案优缺点与推荐。第八步迁移策略，采用绞杀者模式、特性开关、并行运行与增量迁移。
适用场景：新建或重构前端项目、评估架构方案、排查包体积过大或状态管理复杂等问题。
限制：资料未提供具体收费、价格、平台支持范围及实际效果数据，这些暂未提供；资料未提供安装命令或代码调用方式，故未列出。