用途
Premium Web Consultant 是一个网站战略规划技能，定位在“我需要一个网站”与编写代码之间。它处理调研和策略阶段，产出专业的策略文档，然后协调专业智能体在定义的交接点工作。当准备构建时，交接给前端工程师智能体；如果要改进现有前端代码库，则使用 /frontend:review-design。
心理学基础
四个原则贯穿每个阶段和交付物，每条建议都必须至少关联其中一个原则。
-
光环效应——第一印象塑造一切：用户在约50毫秒内形成对网站的看法，第一印象会影响对后续一切的判断。应用包括为每个关键落地页定义“3秒光环时刻”，精心设计首屏区域，并自问“访客在前50毫秒应该感受到的唯一感觉是什么？”参考案例：Apple。
-
认知负荷与认知流畅性——让它变得简单：大脑节约能量，高认知负荷让人感到压力和不够专业；容易处理的事物会被解读为更好、更可信、更高质量。应用包括主导航最多7项（米勒定律）、任何内容最多3次点击深度、渐进式披露、每个区块一个主要目标、留白是自信和专属感的心理暗示。参考案例：Hermes/Bottega Veneta、Stripe/Figma。
-
包容性设计与无障碍——为每位用户设计：高端意味着对每个人都完美执行。应用包括所有文字/背景组合满足WCAG AA最低对比度、语义化标题层级和地标区域、所有交互元素可键盘访问且有可见焦点状态、在设计方向阶段记录焦点顺序和Tab顺序、图片替代文本策略。参考案例：Gov.uk、Apple。
-
微交互与峰终定律——设计令人难忘的时刻：人们通过最强烈的点（峰值）和结束方式记住体验。应用包括每个页面以强烈、有意的时刻结束、为每个用户旅程识别3-5个“峰值时刻”、确认/成功页面是正向峰值、静态无生气等于廉价而周到细节等于高端工艺。参考案例：Apple、高端SaaS。
主要能力与使用方式
阶段0：客户调研
结构化访谈，在所有问题回答并确认之前不得继续。调研模板包含：业务、目标、受众、竞争对手、语调、品牌资产、独特价值主张、现有网站、预算范围、时间线、成功指标。硬性门槛：在用户确认所有调研答案之前，不得进入阶段1。如果答案模糊，要追问具体细节，尤其是受众、目标和成功指标。
阶段1：网站简报
将调研汇编成专业简报文档，使用 references/website-brief-template.md 模板。章节包括：执行摘要、目标受众画像、竞争对手分析（表格）、价值主张、品牌个性、技术需求、光环时刻定义、范围校准（预算低时倾向标准布局和原生UI组件；预算高端时推动高级CSS交互、WebGL、滚动驱动动画和View Transitions）。
交接：SEO竞争分析。调用 seo-specialist 智能体，将发现纳入简报的竞争对手分析部分。
阶段2：站点地图与用户流程
信息架构阶段，使用 references/sitemap-template.md 模板。章节包括：页面清单、页面层级（树形格式）、导航结构、用户流程（文本箭头表示法）、转化漏斗。认知负荷规则：主导航最多7项、任何内容最多3次点击深度、渐进式披露、每个页面有一个主要目的和一个主要CTA。
交接序列：IA验证 -> 布局设计。步骤1调用 web-designer 智能体验证信息架构、审查用户流程摩擦点、优化转化漏斗、应用LIFT模型。步骤2调用 ui-layout-designer 智能体定义页面布局组成、网格系统、响应式断点策略和首屏内容优先级。这两个智能体按顺序运行。
阶段3：设计方向
视觉识别阶段，使用 references/design-direction-template.md 模板。章节包括：调色板（角色、十六进制值、使用规则）、排版（具体字体家族、比例、字重、行高）、视觉情绪板、间距系统、组件风格方向、灵感参考。规则包括：调色板必须创造光环时刻定义的情感反应、所有颜色组合满足WCAG AA对比度、排版优先可读性、间距系统创造呼吸空间、组件风格必须协调一致、记录焦点状态和键盘交互模式、尊重现有品牌资产。
交接：CSS架构。调用 web-designer 智能体，指定自定义属性命名约定、间距比例、排版比例、容器查询策略、响应式方法以及现代CSS特性。
阶段4：内容策略
信息传达和文案策略阶段，使用 references/content-strategy-template.md 模板。章节包括：信息层级、逐页文案策略（表格）、CTA放置清单、SEO关键词地图（表格）、内容类型、语调指南。峰终定律应用：每个页面以强CTA或明确下一步结束、确认和感谢页面是正向峰值、识别3个最具情感冲击力的时刻、错误状态是恢复机会而非死胡同。
交接：信息传达+CTA策略，调用 content-marketer 智能体。交接：关键词映射，调用 seo-specialist 智能体（第二次调用，此时已有阶段2的站点地图上下文）。将两个输出合并到内容策略文档中。
阶段5：最终打包
将所有阶段输出编译成单一总括文档，使用 references/final-package-template.md 模板。结构包括：目录、执行摘要、网站简报、信息架构、设计方向、内容策略、实施路线图、成功KPI、心理学应用总结（表格）。将最终包写入文件。
交付物写作规则
全程使用专业、咨询式语调；Markdown格式；每条建议必须关联至少一个心理学原则并说明原因；不输出代码；具体且可操作；竞争对手参考必须包含具体观察；所有交付物写成可交给独立设计/开发团队的独立文档。
交接格式
在阶段之间移动和调用专业智能体时，始终使用：HANDOFF 格式，包含 Brief（原样粘贴原始客户调研）、Context（上一阶段关键决策摘要）、Ask（给下一个智能体的具体问题或任务）。这防止每个专家解决错误的问题。
编排地图
阶段1：seo-specialist（digital-marketing插件）——竞争对手SEO分析。阶段2：web-designer（frontend插件）——IA验证、用户流程、转化漏斗；ui-layout-designer（frontend插件）——页面布局、网格系统、响应式断点。阶段3：web-designer（frontend插件）——CSS架构、间距、排版、响应式。阶段4：content-marketer（digital-marketing插件）——逐页信息传达、CTA策略；seo-specialist（digital-marketing插件）——关键词映射、元建议。
注意：SEO专家调用两次（阶段1竞争分析，阶段4关键词映射）；阶段2智能体按顺序运行；阶段5之后交接给前端工程师智能体进行实施。
适用场景
适用于需要从零规划网站策略、进行客户调研、产出专业网站简报、站点地图、设计方向和内容策略的场景。也适用于重新设计现有网站时的策略规划。
限制
该技能只处理调研和策略阶段，不输出代码。需要用户确认所有调研答案后才能继续。具体收费、价格、平台支持等信息暂未提供。