告别千篇一律的卡片式UI！这个「工业粗野主义」Skill 让你的界面像解密档案
告别千篇一律的卡片式UI！这个「工业粗野主义」Skill 让你的界面像解密档案
今天挖到一个让我眼前一亮的 Skill——Industrial Brutalist UI。它专门教 AI 做出那种「像解密档案、像军事终端、像工业蓝图」的界面。跟现在满屏的圆角卡片、磨砂玻璃说拜拜👋
它是什么
这个 Skill 把中世纪瑞士印刷排版 + 工业制造手册 + 复古军事终端三种美学融合在一起，形成了一套完整的设计系统。不是那种「随便调一下颜色」的敷衍，是从字体、网格、色彩到纹理效果都有硬规定的工程规范。
两套视觉原型，二选一
- 瑞士工业印刷风（Swiss Industrial Print）：浅色模式，用 #F4F4F0 米白纸张色做底，纯黑文字，唯一 accent 是 #E61919 警示红。大量留白 + 超大号无衬线字体，排版像 60 年代企业 VI 手册。
- 战术遥测终端（Tactical Telemetry / CRT）：深色模式，#0A0A0A 关机屏底，白磷光文字，monospace 字体统治全界面。加入 CRT 扫描线、像素噪声、halftone 纹理——界面看起来像从机密数据库里截的屏。
硬核设计规则
- 字体对比要极端：标题用 clamp(4rem, 10vw, 15rem) 超大字号 + 负字间距（-0.03em），数据用 10-14px monospace + 大字间距。两种 scale 之间的张力是整个风格的核心。
- 网格是刚性的：CSS Grid，gap 只允许 1px，用对比色 parent/child 背景制造数学般精准的分割线。禁止浮动元素，禁止圆角——所有边角必须是 90°。
- ASCII 装饰：[ DELIVERY SYSTEMS ]、>>>、///、\ 这类字符是合法设计元素，®©™ 符号可以当几何图形用。
- 模拟退化效果：halftone 网点、CRT 扫描线、全局 SVG 静态噪声——让界面看起来有物理质感，不只是数字完美像素。
适用场景
数据密集型 Dashboard、工业/防务主题网站、档案式作品集、命令中心 UI、复古科幻风格的产品页。如果你厌烦了「又一套 Tailwind 组件库」的平庸感，这个 Skill 能给你真正的辨识度。
限制也要知道
风格偏极端，不适合消费级产品、温暖系品牌、或对视障碍用户要求高的场景。CRT 效果需要测对比度和动效敏感度。深浅两种基调不能混用——二选一，打死不能杂糅。
安装
一行命令搞定：
npx skills add https://github.com/Leonxlnx/taste-skill --skill industrial-brutalist-ui
GitHub：https://github.com/Leonxlnx/taste-skill
评论区
0 条评论
登录后可评论。