以 skill 自身的术语
该 skill 用于架构网页界面，融合中世纪瑞士排版设计、工业制造手册与复古未来主义航空／军用终端界面。它要求对严格的模块化网格、极端的字号尺度对比、纯功能性的配色方案，以及对半调网点、CRT 扫描线与位图抖动等模拟劣化效果的程序化模拟具备绝对掌控力。
目标是构建投射出原始功能性、机械精度和高数据密度的数字环境，同时刻意抛弃传统的消费级 UI 模式。适用于需要呈现出「解密蓝图」质感的高信息密度仪表盘、作品集或编辑类网站。
它产出什么
- 具有刚性模块化网格、极端字号对比和实用主义配色方案的网页界面
工作方式
- 01选定一种视觉原型并坚持到底
选择瑞士工业印刷风格（高对比度浅色模式配以厚重无衬线字体）或战术遥测与 CRT 终端风格（深色模式配以等宽字体和技术化取景）中的一种。
- 02打造极端字号对比的宏观排版
以巨大字号部署宏观排版，使用流式排版、紧密字距和压缩行距，全部使用大写字母。
- 03始终统一选用一套底色方案
选择浅色模式（使用未漂白哑光文档纸背景配碳黑墨色文字），或深色模式（使用停机的 CRT 背景配白色荧光文字）。
- 04以蓝图网格架构为基础构建
使用严格的 CSS Grid 构建布局，元素精确锚定在网格轨道与交点上。
- 05应用模拟劣化效果
通过图像上的网点印刷与 1-bit 抖动、由重复线性渐变构成的 CRT 扫描线，以及全局应用的机械噪点滤镜，模拟物理媒介的局限性，在界面中引入统一的物理颗粒感。