用途：为网页内容应用一套连贯的视觉系统，使其呈现工程化、编辑化、物理编排感。用户指令与既有产品需求优先；提供的文案、事实、信息架构与图像视为内容输入，除非用户明确要求，否则不研究、不核查、不改写实质内容；缺失内容用中性占位或留空，不虚构主题。
主要能力：先确定视觉主张，包括模式（编辑型、工具型或混合型）、主导手势（如边缘裁切标题、网格下满幅图像、括号词、巨型索引）、网格（列数、外边距、重复对齐轴）、信号色（一个强调色，用于操作、选中、位置或强调）。设计或改版前应阅读 references/visual-system.md，把它当作关系系统而非效果清单。
使用方式：从宏观到微观构建——先定区块比例、主导场域、阅读顺序与图文轮廓；锁定展示、正文、注释三类字体的角色与尺度对比；把网格应用到内容边缘、分隔线、图像、导航与重复模块；只引入能强化对齐、边界、状态、测量或交互的图形母题。移动端与桌面端围绕主任务构图；工具型界面中地图、数据或工作区保持主导，超大标题与装饰不得挤占。
响应式：宽网格重组为更少列，而非整体缩小桌面画布；有意设置移动端标题断行并保留主阅读路径；次要栏移到主内容之后，只移除冗余装饰；防止交互内容被裁切或产生横向滚动；展示字裁切仅在标题仍可理解且辅助技术可完整获取时保留。
限制与审查：需保留语义 HTML、源码顺序清晰、键盘可访问、可见焦点、替代文本、有效对比度与可读正文字号；技术风格不能成为不可访问文本或控件的理由。实现改动后用 references/review.md 在宽桌面与窄手机宽度检查受影响页面，修复层级、对齐、可读性、响应式或交互问题；仅审查请求只报告发现，不改动或发布界面；不要用母题弥补薄弱构图。交付可用、响应式的网页界面，一个清晰视觉主张与一致设计系统，并在交接中说明所选模式与渲染审查中最重要的视觉修正。具体安装命令、价格与平台支持暂未提供。