前端与 UI
design-skills · Brutalism
清水混凝土感的布局，Darker Grotesque 标题，红与赭。
这是什么
一个野兽派界面的规范 Skill，取自 1950 年代清水混凝土建筑：不加修饰、讲功能、刻意扎眼。标题用 Darker Grotesque，白底配 #DD614C 红和 #DAA144 赭。
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
它对设计意味着什么
- 粗粝无修饰的元素砍掉装饰，分量全交给结构和文案。
- 红和赭两种强调色，彻底取代渐变和阴影。
- 无障碍底线照样管用，再扎眼的版面也守住对比度和可见焦点。
包含哪些内容
- Brand
- Style foundations
- Accessibility
- Rules: do
- Quality gates
- Example constraint language
如何安装
design-skills · Brutalism
-
克隆这个仓库。
git clone https://github.com/bergside/awesome-design-skills -
把 Codex 指向这个 Skill 文件。
skills/brutalism/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
让 Codex 选组件前先定调：粗粝、不加修饰。
-
按质量闸门的要求，每条规则都锚到一个 token 或阈值。
-
评审产出时，每条「该怎么做」都配一个具体的「别这么做」。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。