Ren(@Ryrenz):🎨 前端圈的外挂来了，这个项目能让 AI 直接照着大厂网站的风格生成界面 GitHub 上 10.8 万 stars，直接封神让 AI 写页面最难受的一步是审美对不齐。你说「做得干净一点」，它给你一个灰底加圆角；你说「参考某某网站的感觉」，它压根不知道那个网站长什么样。最后还是自己去扒对方的配色、字号、间距，一项项抄进提示词。这个项目把这件事提前做完了：收录 73 份 DESIGN.md，每一份都是从一个真实网站里提取出来的设计系统文档，视觉主题、色彩、字体、组件、布局、层级、设计约束、响应式行为全写在纯文本里，末尾还带一段专门给 AI 看的提示。把文件丢进项目根目录，AI 读完就知道该按什么标准画。覆盖面也不窄，AI 产品、开发工具、基础设施、效率工具、设计、金融、电商、媒体、汽车，连复古风格的老网站都收了。每个条目还配了预览页和深色预览页，挑之前能先看一眼效果。MIT 协议。项目也把话说在前面：设计令牌都取自公开可见的 CSS 值，不主张拥有这些网站的视觉身份。以前是人翻设计规范，现在是把规范喂给 AI。 GitHub：

2026.08.18 01:02

🎨 前端圈的外挂来了，这个项目能让 AI 直接照着大厂网站的风格生成界面 GitHub 上 10.8 万 stars，直接封神让 AI 写页面最难受的一步是审美对不齐。你说「做得干净一点」，它给你一个灰底加圆角；你说「参考某某网站的感觉」，它压根不知道那个网站长什么样。最后还是自己去扒对方的配色、字号、间距，一项项抄进提示词。这个项目把这件事提前做完了：收录 73 份 DESIGN.md，每一份都是从一个真实网站里提取出来的设计系统文档，视觉主题、色彩、字体、组件、布局、层级、设计约束、响应式行为全写在纯文本里，末尾还带一段专门给 AI 看的提示。把文件丢进项目根目录，AI 读完就知道该按什么标准画。覆盖面也不窄，AI 产品、开发工具、基础设施、效率工具、设计、金融、电商、媒体、汽车，连复古风格的老网站都收了。每个条目还配了预览页和深色预览页，挑之前能先看一眼效果。MIT 协议。项目也把话说在前面：设计令牌都取自公开可见的 CSS 值，不主张拥有这些网站的视觉身份。以前是人翻设计规范，现在是把规范喂给 AI。 GitHub：

显示更多