用途：为单个 self-contained .html 成果物（落地页、静态文档与报告、独立仪表盘、演示与游戏、开发前的 UX/UI 替代方案对比稿）提供设计与信息组织指南，核心是有意识地选择配色、排版与布局，避开似曾相识的模板感和 AI 生成感。
主要能力与要点：先判断需求需要哪种完成度，是实用级还是编辑级，文档也应按落地页的用心程度来做，但多数页面不需要夸张的大标题区。先寻找并遵循既有设计系统（AGENTS.md、CLAUDE.md、令牌与主题文件、现有组件样式），优先级为：用户明确要求优先，其次是项目既有系统，最后才是自身选择。从主题出发确定单一具体主题、受众和页面唯一任务，全程使用真实内容，不用填充文字。字体成对搭配，正文行宽约 65 字符，设定并遵守字号级差；self-contained 文件不能用字体 CDN，应把字体以 data: URI 内联进 @font-face，或有意选用系统字体栈。中性色应带一点色彩倾向而非纯灰。用 prefers-color-scheme 尊重系统主题，在 :root 定义令牌、在暗色媒体查询中重定义令牌，组件只通过令牌取值；若加手动切换，用 :root[data-theme] 覆盖媒体查询。间距用 flex/grid 的 gap，不用逐个 margin；宽内容加 overflow-x: auto。避免常见 AI 风格套路，如暖奶油底加陶土色强调、近黑底配酸绿或朱红、报纸式细线密栏、紫蓝渐变大标题区、默认使用 Inter 或 Space Grotesk、用 emoji 当分区标记、全部居中、到处 rounded-lg。文风要站在用户角度，按钮写清点击后的结果，错误信息说明问题与修复方式。仪表盘类界面把重点从排版转向信息架构，摘要先于细节，状态用 pill、chip、色带等形式表达，状态色与强调色分开，图表与文字同等用心。
使用方式：先写一份简短设计计划，包含 4 至 6 个命名 hex 的配色、至少两种按角色分配的字体、一两句布局概念，再按计划编写代码；编辑级需求则先按主题审查计划是否够独特，再动手。
限制：成品是单个 .html，CSS 与 JS 内联，资源用 data: URI 嵌入，须能在 file:// 或静态服务器直接运行，不能依赖外部托管渲染或字体 CDN。具体命令行、安装命令与更多技术细节，资料中暂未提供。