https://design-atlas.com/gallery/ 一个定期收录可供 AI 使用的设计系统网站

最近整理设计系统时做了个网站 https://design-atlas.com/gallery/

收录了两类东西：

1. Style Systems （ 66 套设计系统）
分类很细——从 Mac System 7 、Windows 95/XP 到 NeXTSTEP 、BeOS ，从 Vaporwave 到 Swiss Style ，DOS 、街机、游戏机界面都有。每个都带完整的 STYLE.md （定位/颜色/token ）和预览图。

核心用法：复制它的 CSS tokens 直接喂给 AI ，让 AI 用这个风格的色板和语气来写/改代码。比如：
「请使用 Cassette Futurism 风格（暖琥珀色 + CRT 辉光 + 斜角边框）改这个按钮」

2. Cinema Palettes （新增·电影配色分析）
刚加的新分区，从经典电影画面里提取配色——分析配色类型、色温倾向、面积占比，写 COLOR_STORY.md 。目前放了 3 部：

• Blade Runner 2049 （单色冷调，#0D1715 占了 52%）


• Dune Part Two （沙漠单色暖调）


• Spider-Verse （分裂互补）

配色和样式是解耦的，可以组合用——选一个骨架风格叠一个电影配色作为"皮肤色板层"。

本质是通过 agent 自动收录有趣的设计风格网站，agent 收集后根据一定的约束条件过滤和整理成 skill 可用的设计 style

项目代码开源在 https://github.com/luogao/design-atlas

哈哈，收集到后面发现，很多古早的样式仓库被 agent 搜出来了，不禁感叹 vibecoding 时代，曾经的一些小众变成了高级