用途：在 Codex 需要创建、适配、审计或修复视觉主题、设计令牌、配色、字体层级、间距系统或 CSS 变量时使用。核心思路是先定义语义化设计令牌，再为具体组件做样式。
主要能力：把配色、字体、间距、圆角与状态色转化为有名称、可在截图中核对的决策，从而让无模板设计保持一致的视觉语言，避免随机用色、字体不匹配和一次性组件样式。工作流包括：识别受众、领域、基调与既有品牌约束；定义背景、表面、文本、弱化文本、边框、强调色、成功、警告、危险、字体、间距和圆角等语义令牌；避免单一色系主导的单调配色（除非领域需要）；扩展配色前先检查对比度；将令牌应用到核心界面、控件、图表和标注；截图后根据渲染效果修订令牌。
使用方式：通过 .shared\visual-runtime 进行渲染后主题检查，capture_page.mjs 用于前后对比截图，visual_lint.mjs 用于检查对比度、过小文字、溢出和控制台问题；令牌选择不明确时参考共享视觉运行时中的设计令牌指引。无需 Office COM。Office 专用的主题嵌入属于浏览器视觉 QA 完成后的 Office 技能。
验证要求：完成后需检查令牌名称确为语义化而非随意命名，在目标视口截图，运行视觉检查并修复对比度或字号问题，对比重复组件的配色、字体与间距，并保留展示主题实际使用的截图证据。
常见错误：逐个组件选色；用装饰弥补弱层级；图表、按钮与提示使用不相关配色；未实际渲染就声称主题可用。资料未提供具体安装命令、价格与平台要求。