用途：为网页提供瑞士/国际主义排版风格的设计纪律，覆盖设计判断、美学与网格工程，适用于编辑型页面、杂志式版面、报告页、品牌/识别系统、风格指南、导视与交通图等。
主要能力：提供两种风格参考——Müller-Brockmann 模块化网格（模块网格、基线锁定、光学对齐、双字号左对齐的字体层级哲学、调色板作为识别符、反模式）与 Vignelli Canon（六字体规范、识别/导视规则）。附带脚本：grid_tokens.py 生成 :root 令牌、subgrid .band 脚手架、覆盖层 CSS、切换 JS 与光学对齐 JS；vignelli_system.py 生成 Vignelli 令牌；verify_grid.js 做网格验证。
使用方式：按任务简报选择风格——编辑/杂志/报告页用 muller-brockmann-grid.md，识别/设计系统/导视/交通图用 vignelli-canon.md，仅做通用 UI 打磨则转 css-pro-max。示例命令：python3 scripts/grid_tokens.py --scaffold > index.html；python3 scripts/grid_tokens.py --cols 12 --baseline 8 --gutter 24 --margin 72 --maxw 1296 --accent "#e4002b"；python3 scripts/vignelli_system.py --primary "#F04E23" --format json；CHROME=/path/to/chrome PUP=/path/to/node_modules/puppeteer-core node scripts/verify_grid.js --widths=1440,1180,900。
限制：CSS 实现细节（响应式升级、间距令牌、动效、无障碍）需转 css-pro-max；verify_grid.js 依赖 Chrome 与 puppeteer-core，不可用时改为手动覆盖层检查；光栅化或嵌入资源前需查阅 production-notes.md 做字体保真检查。品牌手册、NYT 数据可视化、纽约地铁活动等技能未包含在本技能中。