一个工业粗野风 UI skill:瑞士印刷 + 军事终端,拒绝圆角
来源:GitHub 仓库 Leonxlnx/taste-skill
一个工业粗野风格 UI skill。
它给 AI 一套严格的设计规则,做出“解密蓝图/军事终端”感觉的界面。两种视觉原型,必须选一个,不能混:
1. 瑞士工业印刷(亮色)
- 1960 年代企业识别系统 + 重机械蓝图
- 高对比亮色底、重无衬线字体、结构网格、超大数字、红色作警示
2. 战术遥测 / CRT 终端(暗色)
- 军用数据库、老式主机、航空航天 HUD
- 暗色专属、高密度表格数据、等宽字体、ASCII 框、十字准星、磷光、扫描线
颜色规则很硬:
- 禁止渐变、禁止柔和投影、禁止现代半透明
- 亮色底 #F4F4F0、暗色底 #0A0A0A
- 唯一强调色是航空红 #E61919 或 #FF2A2A
- 终端绿 #4AF626 可选,只能用在单个 UI 元素上
布局规则:
- 严格 CSS Grid,元素不浮动,锚定在网格轨道和交点上
- 用可见分隔线划区,拒绝 border-radius
- 双模密度:数据密集区和大量留白交替
它还给了具体的 CSS 建议:
- `display: grid; gap: 1px;` 做细线
- `clamp()` 控制大字号
- `repeating-linear-gradient` 做 CRT 扫描线
适合谁:
- 做数据密集型 dashboard、作品集、编辑类网站的科研小组成员
- 想要“解密蓝图/军事终端”风格界面的人
- 想给 AI 一套严格 UI 设计规则的人
用法: 把 SKILL.md 内容复制到你的 AI 工具里,让它按这套规则做界面。
评论 0
更多
登录后可点赞、收藏、评论和举报。
还没有评论,先发起一个具体问题。