用途：生成一个具有消费级产品感的约会/配对数据看板，单屏呈现，风格偏编辑排版、克制、略带文学感，避免滑动卡片或露骨元素。
主要能力：按固定结构输出单个 HTML 文档，包含顶部单行滚动条（左侧标语、右侧“NEXT TIER AT 2,080 MUTUALS”）、220–260px 左侧导航栏（品牌字标、用户卡片、TODAY/YOU/ARCHIVE 三组导航）、3×3 KPI 网格（小写等宽标签、超大衬线数字、斜体脚注）、30 天互配柱状图（约 30 根细黑柱，最后两天用强调色）以及 12 周匹配率趋势面板。
使用方式：先读取当前 DESIGN.md，选用衬线展示字体用于数字，并开启 font-feature-settings: 'tnum'。文案需具体、略带观察性。输出为 <!doctype html> 到 </html> 的完整文档，CSS 内联，背景为奶油白，正文衬线、标签等宽，SVG 柱状图，并在滚动条、侧栏、KPI 网格、图表、趋势面板上添加 data-od-id。最终以 <artifact> 标签包裹输出，artifact 前一句话，之后无内容。
适用场景：需要快速产出风格统一的约会/配对数据看板原型或演示页面。
限制：强调色最多用于 3–4 处；不得出现滑动卡片、爱心或火焰表情；资料未提供具体安装命令、收费、平台或效果数据。