用途：这是供 web-pack-curator 在把网页风格蒸馏为设计包（pack）时遵循的网页媒体专属知识，重点是把网页风格写成可验证、可直接用 HTML/CSS 实现的 prompt.md 指令。
网页与 PPT 的区别：视口可变（移动端到桌面端，需指明内容最大宽度、断点、clamp() 排版）；以组件为单位构成（头部/首屏/区块/卡片/表单/页脚），是滚动流而非幻灯片；交互属于风格的一部分（悬停、滚动、过渡动效的性质：无/克制/吸附/俏皮）；无障碍方面正文对比度需达 WCAG AA（4.5:1）以上，深色或低对比度包也要保证文字可读。
组件层级：prompt.md 至少包含以下指令——头部/导航（是否固定、logo 与菜单布局、背景处理）；首屏（标题排版尺度、布局居中/左对齐/分栏、背景与图片处理）；区块/内容块（区块间垂直节奏、内容宽度）；卡片（边框、圆角、阴影、悬停）；页脚（密度、是否反色）。
可验证指令：由于 diversity-qa 会做视觉对照，模糊用语无法通过，需写成可直接用 CSS 实现的值。例如“干净布局”应写成“内容最大宽度 1100px、区块间距 96px、12 列网格”；“易读正文”写成“正文 16–18px、line-height 1.7、行宽 65–75 字”；“柔和动效”写成“过渡 200ms ease-out、悬停 translateY(-2px)”；“卡片设计”写成“radius 0、1px solid text色边框、无阴影、悬停反色背景”；“强调色”写成“强调色 1 个，仅用于 CTA 与链接，面积不超过 5%”。
风格强化：目的是多样性，每个包要把自身风格推到极致，如瑞士极简（发丝边框、无彩色、严格网格、几乎无动效）、新粗野主义（3px 以上硬边框、偏移硬阴影、原色块、吸附过渡）、玻璃拟态（backdrop-filter: blur、半透明表面、浅渐变背景）。若无法与基线 AI 审美（紫色渐变、圆角卡片、统一阴影）一眼区分则视为失败。
“不要做”提示（阻断 Claude 默认回归）：应在 prompt.md 中写明——紫/靛渐变、统一圆角卡片、所有卡片同一 soft shadow；无意义 emoji、无条件重复居中首屏、渐变文字；来历不明插画、blob 形状、过度滥用玻璃效果；每个区块重复相同三卡片网格。
可实现性：sample-renderer 仅凭 prompt.md 渲染实际 HTML/CSS（或 Tailwind），指令需能翻译为标准 CSS 属性，不加入无法实现的效果或依赖外部付费素材；字体使用 Google Fonts 等公开网页字体或系统字体。其他收费、平台与具体使用步骤暂未提供。