这是什么
一套深蓝方向：CSS 颜色 token、渐变描边的首屏外壳、canvas 网格场、玻璃导航胶囊、漂浮节点、导轨和成对的 CTA。
Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black
它对设计意味着什么
- 网格场装在首屏外壳里，主导构图而不是当装饰。
- 命名 token 固定全页的背景、外壳、线条、文案和强调色数值。
- 导轨、角方块和节点胶囊给极简外壳加上技术感结构。
包含哪些内容
- System recipe
- Color tokens
- Hero shell
- Canvas mesh field
- Nodes and rails
- Motion defaults
如何安装
Mesh Gradient Dark Blue Clean
-
克隆这个仓库。
git clone https://github.com/MengTo/Skills -
把 Codex 指向这个 Skill 文件。
agent-skills/web-design/mesh-gradient-dark-blue-clean/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
先粘贴 token 区块，再搭页面地基和首屏外壳。
-
把网格 canvas 加进外壳里，垫在外壳内容后面。
-
摆几个节点、导轨和标记，漂移循环保持慢速。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。