最近整理设计系统时做了个网站 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 时代，曾经的一些小众变成了高级
1
Select Language