00:00 / 01:49
连播
清屏
智能
倍速
点赞38
00:00 / 00:35
连播
清屏
智能
倍速
点赞551
00:00 / 00:44
连播
清屏
智能
倍速
点赞18
00:00 / 06:33
连播
清屏
智能
倍速
点赞1
00:00 / 00:30
连播
清屏
智能
倍速
点赞109
00:00 / 00:30
连播
清屏
智能
倍速
点赞4772
AI做UI太丑?一个Markdown文件让它秒变设计大师 AI 写代码很厉害,但做 UI 设计一直很拉垮。让 Claude 或 Cursor 帮你写个页面,出来的永远是千篇一律的默认风格。 问题出在哪?AI 不是不会写代码,而是没有设计品味。它不知道什么颜色搭配好看,不知道间距该多大,不知道按钮该长什么样。 awesome-design-md 这个开源项目,就是给 AI 装上设计眼睛的。 它由 VoltAgent 团队开源,上线仅仅 9 天就拿到了将近 5000 个 star。核心思路来自 Google Stitch 提出的 DESIGN.md 概念——用纯文本 Markdown 文件来描述一个网站的设计系统。 这个仓库收集了 58 个知名网站的 DESIGN.md 文件,覆盖了从 Stripe、Vercel 到 SpaceX、法拉利这些顶级品牌。每个文件包含 9 个标准化章节:视觉主题、色彩系统、字体排版、组件样式、布局原则、深度阴影、设计护栏、响应式行为、AI 提示词指南。 使用方法极其简单:挑一个设计风格,把 DESIGN.md 复制到项目根目录,告诉 AI"按这个设计规范来"。不需要安装任何工具,Markdown 就是 AI 最原生最擅长读取的格式。 相比 Figma 的导出转换流程、Style Dictionary 的 JSON 解析、v0 和 Lovable 的风格不可控,awesome-design-md 没有发明新格式,而是用 AI 最熟悉的方式传递设计意图。 你的 AI 不是设计能力差,它只是缺少设计品味。 ━━━━━━━━━━━━━━━━━━ 项目地址:https://github.com/VoltAgent/awesome-design-md ━━━━━━━━━━━━━━━━━━ ⏱️ 时间轴 00:00 AI做UI的痛点 00:33 VoltAgent与项目背景 01:18 DESIGN.md九大章节详解 02:17 三步使用法 03:03 为什么胜过传统工具 03:55 58个品牌生态一览 04:47 总结#交互设计 #程序代码 #计算机 #电脑知识 #人间观察计划
00:00 / 05:25
连播
清屏
智能
倍速
点赞2
00:00 / 02:09
连播
清屏
智能
倍速
点赞2338
00:00 / 00:36
连播
清屏
智能
倍速
点赞64