用途：把任意网站提升为“高级感、Apple 级”的网页体验。适用于新建网站、改版既有站点，或评审网页设计质量。核心心智模型是：高级=克制+意图+工艺，每个像素、动效与配色都必须是有意为之，没有默认与模板感。
主要能力：提出十大法则。1）50 毫秒法则：首屏即时传达品质，明确焦点、专业排版、充足留白、高质量图像与快速渲染；提供分栏、非对称、全幅媒体、编辑式、产品特写、仪表盘等多种首屏变体。2）每节只讲一件事。3）排版即身份：最多 2-3 款字体，清晰字号层级，流体字号 clamp，正文行高 1.5-1.8，阅读宽度 50-75 字符。4）配色克制：60-30-10 规则，最多 2-3 个核心色，低饱和优于高亮跳色。5）留白即奢侈：区块内边距、首屏留白与内容比例有明确区间。6）动效有目的：仅动 transform 与 opacity，避免线性缓动，尊重 prefers-reduced-motion。7）图像决定成败：避免通用图库照片，采用 AVIF/WebP/JPEG 与 picture 回退，设置宽高防 CLS。8）性能即高级：LCP≤2.5s、INP≤200ms、CLS≤0.1。9）引导而非淹没：每节一个主 CTA，渐进披露，社交证明前置。10）一致即工艺：8px 间距网格与设计令牌。
使用方式：给出落地页蓝图与章节顺序（首屏、社会证明、问题、方案、功能、深度证明、运作方式、定价、FAQ、最终 CTA、页脚），并说明轻/深色交替、疏密交替、媒体左右翻转等节奏模式与“呼吸法则”。还提供 CSS 实现模式：间距、阴影、动效令牌，滚动揭示，高级按钮，深色模式规则。
限制与注意：文中列出反模式（通用图库图、超过 3 款字体、线性缓动、动 width/height、5 秒内弹窗、滚动劫持、不一致间距、模板可识别、AOS 默认、动效超 500ms、缺 prefers-reduced-motion、懒加载 LCP 图、纯黑阴影、过多 CTA、拥挤区块），并要求规避 AI 生成美学特征（固定字体配对、紫/靛强调色、紫蓝渐变、统一圆角、全居中、千篇一律卡片网格、极光/mesh 背景、模板化区块、过度平滑、零彩中性灰、“三件套”对称、字重对比怯弱、泛泛励志标题）。具体实现需结合项目实际，资料中另有 design-tokens.md 未在此展开。