00:00 / 01:49
连播
清屏
智能
倍速
点赞47
00:00 / 00:44
连播
清屏
智能
倍速
点赞20
00:00 / 00:30
连播
清屏
智能
倍速
点赞4958
00:00 / 00:35
连播
清屏
智能
倍速
点赞618
00:00 / 01:36
连播
清屏
智能
倍速
点赞39
00:00 / 06:33
连播
清屏
智能
倍速
点赞1
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 / 00:36
连播
清屏
智能
倍速
点赞64
00:00 / 00:44
连播
清屏
智能
倍速
点赞124
推荐 Top10:面向 前端/产品/UI 的 Skills 这 10 个 Skills 来自 Anthropic/OpenAI/Vercel 等团队开源的 Skills 精选,考虑到设计落地频率、对视觉/交互质量的直接提升、在 Codex/Claude Code 等的高复用性,朋友们可以直接复制 Skills 名字让你的 Agent 安装。 1. frontend-skill 适合做 landing page、品牌页、demo 页。强项是视觉论点、内容节奏、首屏质量 2. frontend-design 更偏“高完成度、强风格”的前端设计实现。适合你想把页面做得更有辨识度时用 3. figma-implement-design 设计稿到代码的核心 skill。凡是产品/设计/前端协作,这个都应该是常用项 4. web-design-guidelines 做 UI 审查非常强。可访问性、表单、动效、排版、交互细节,都能系统性补漏 5. react-best-practices 如果你做 React / Next.js,这个基本必装。它提升的是“实现质量”和“性能质量” 6. playwright 前端不是只写代码,还要验证真实浏览器行为。这个是 UI 流程调试和回归检查的通用执行层 7. webapp-testing 比 playwright 更贴近日常本地应用验证,适合检查页面行为、截图、日志和交互回归 8. canvas-design 适合更自由的视觉探索、展示型页面、画布式交互或概念设计,不是每个项目都需要,但做创意产品页很有价值 9. brand-guidelines 如果你在做官网、营销页、设计系统、品牌一致性,这个比单纯“写 UI”更上层,适合产品/品牌协同 10. vercel-deploy-claimable 严格说它不是设计 skill,但对前端/产品工作流非常关键。做完页面立刻可部署预览,反馈闭环会快很多 #ai #agent #skills
00:00 / 00:24
连播
清屏
智能
倍速
点赞182