Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

我的 UI 再也不会一股AI味了！本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。亮点一览： - 50+ 顶级产品设计规范包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理，覆盖：颜色系统字体与排版间距、网格与布局组件状态与 UI 规范响应式断点 - 轻量、易用不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间对团队或独立开发者来说，这可能就是未来设计协作的参考模板。

开发者Hailey

23,599 subscribers

105,624 görüntüleme • 4 ay önce •via X (Twitter)

Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

AIGCLINK

11,646 görüntüleme • 4 ay önce

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行就算想改，也不知道该怎么改，纯靠主观感觉后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样这个时候，一个成熟、完整的设计标准规范就显得很重要了而这个东西，叫「设计系统」。设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行就算想改，也不知道该怎么改，纯靠主观感觉后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样这个时候，一个成熟、完整的设计标准规范就显得很重要了而这个东西，叫「设计系统」。设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

Corey Chiu

38,008 görüntüleme • 7 ay önce

🔥又发现一个前端神器！这个开源项目能一键复刻大厂 UI ，在 GitHub 揽获 84K stars 整合了 50+ 大厂（Google、Apple、Airbnb 等）的设计系统，把颜色、字体、排版、组件、响应式这些核心规范用 Markdown 格式整理好了。放到项目根目录，AI 读取后就能参照对应大厂风格生成 UI，节省自己翻设计文档的时间。如果你经常要对照大厂 UI 做还原，值得收藏试试。

🔥又发现一个前端神器！这个开源项目能一键复刻大厂 UI ，在 GitHub 揽获 84K stars 整合了 50+ 大厂（Google、Apple、Airbnb 等）的设计系统，把颜色、字体、排版、组件、响应式这些核心规范用 Markdown 格式整理好了。放到项目根目录，AI 读取后就能参照对应大厂风格生成 UI，节省自己翻设计文档的时间。如果你经常要对照大厂 UI 做还原，值得收藏试试。

阿西_出海

48,681 görüntüleme • 2 ay önce

全体开发者设计师团队目光停留一下！ Lody 发布了 Remote Preview 模式，你可以在电脑或者手机随时预览开发机器上的前端界面，并且和团队成员一起对页面进行标注评论，Lody 会带着组件信息一键发送给团队的 Agent。这意味着不再需要开发与设计的多轮对齐，不需要描述组件位置，甚至可以随着多轮修正直接让 Agent 沉淀出设计规范。更多 Lody 的实用更新👇🏻🧵

全体开发者设计师团队目光停留一下！ Lody 发布了 Remote Preview 模式，你可以在电脑或者手机随时预览开发机器上的前端界面，并且和团队成员一起对页面进行标注评论，Lody 会带着组件信息一键发送给团队的 Agent。这意味着不再需要开发与设计的多轮对齐，不需要描述组件位置，甚至可以随着多轮修正直接让 Agent 沉淀出设计规范。更多 Lody 的实用更新👇🏻🧵

leon7hao

29,981 görüntüleme • 3 ay önce

这些UI工具能帮你的产品，彻底摆脱AI味儿，都是我经常用的网站，推荐推荐~ 一、热门GitHub设计推荐 1、awesome-design-md，热门品牌设计系统的 DESIGN.md 文件 2、taste-skill，去除AI味道，专业设计规范 3、花叔 Design，HTML 高保真原型、动效 Demo、设计变体探索 4、frontend-design，前端 UI/UX 设计，避免 generic AI 界面 5、ai-website-cloner-template，克隆任意网站给自己用二、炫酷前端网站推荐 1、 - 展示动态设计 2、 - 浏览器中的 3D 设备模型 3、 - 将照片转为回顾视频 4、 -图像与视频的 lo-fi 效果 5、 -基于曲线的渐变创建器 6、 -无限独特渐变 7、 -抖动、ASCII 和半色调效果 8、 -每小时在 𝕏 上发现创意UP 9、 - 每日精选设计方案三、UI设计思路网站 1、figma make，多种UI模板参考 2、 3、 4、 UI参考请大家继续评论区补充你私藏的好的UI网站~

这些UI工具能帮你的产品，彻底摆脱AI味儿，都是我经常用的网站，推荐推荐~ 一、热门GitHub设计推荐 1、awesome-design-md，热门品牌设计系统的 DESIGN.md 文件 2、taste-skill，去除AI味道，专业设计规范 3、花叔 Design，HTML 高保真原型、动效 Demo、设计变体探索 4、frontend-design，前端 UI/UX 设计，避免 generic AI 界面 5、ai-website-cloner-template，克隆任意网站给自己用二、炫酷前端网站推荐 1、 - 展示动态设计 2、 - 浏览器中的 3D 设备模型 3、 - 将照片转为回顾视频 4、 -图像与视频的 lo-fi 效果 5、 -基于曲线的渐变创建器 6、 -无限独特渐变 7、 -抖动、ASCII 和半色调效果 8、 -每小时在 𝕏 上发现创意UP 9、 - 每日精选设计方案三、UI设计思路网站 1、figma make，多种UI模板参考 2、 3、 4、 UI参考请大家继续评论区补充你私藏的好的UI网站~

产品经理老王霸

14,315 görüntüleme • 1 ay önce

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是：它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向：无限画布更聪明的设计代理语音交互即时原型设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。现在的 Stitch 不只是吃 prompt。还可以把图片、文本、代码一起作为上下文。这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是语音进入设计主流程。你可以直接对着画布说话让 Stitch 一边听一边改还能给你实时设计反馈 7/ 第四点，是即时原型。现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是：它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向：无限画布更聪明的设计代理语音交互即时原型设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。现在的 Stitch 不只是吃 prompt。还可以把图片、文本、代码一起作为上下文。这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是语音进入设计主流程。你可以直接对着画布说话让 Stitch 一边听一边改还能给你实时设计反馈 7/ 第四点，是即时原型。现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。

比特币橙子Trader

16,604 görüntüleme • 5 ay önce

这是另一款能让设计师彻夜难眠的 AI 设计工具！😏 刚刚体验了Dora ，直接颠覆了我对网站设计的所有认知。不需模板，不用库存图片，每一个元素都是 100% 为你定制。生成的网站的精美度和可用性都非常🉑。轻量使用的话 free 版本已经够用了。链接见评论👇

这是另一款能让设计师彻夜难眠的 AI 设计工具！😏 刚刚体验了Dora ，直接颠覆了我对网站设计的所有认知。不需模板，不用库存图片，每一个元素都是 100% 为你定制。生成的网站的精美度和可用性都非常🉑。轻量使用的话 free 版本已经够用了。链接见评论👇

MapleShaw

322,790 görüntüleme • 1 yıl önce

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent：它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型：以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent：它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型：以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

小互

113,034 görüntüleme • 5 ay önce

UX 设计基础：学习指南 UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括： - UX 设计简介 - UX 设计哲学 - UX 设计规划和研究 - 用户界面（UI）设计 - 职业发展英文的视频和图文教程（大家交口称赞的那些翻译插件终于有用了）。NNgroup 的工作比一般设计公司更注重理论、非常重视用户研究，所以他们的入门课程也偏原理、基础概念适合从基础开始认真学 UX 设计的人，不适合上速成培训班很神奇地变成 UX 设计师的人 #设计入门来个视频感受一下，这是 UX 设计入门的入门、被全世界人民问了几百万遍的问题：UX 设计和 UI 设计有什么差异？ 1/

UX 设计基础：学习指南 UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括： - UX 设计简介 - UX 设计哲学 - UX 设计规划和研究 - 用户界面（UI）设计 - 职业发展英文的视频和图文教程（大家交口称赞的那些翻译插件终于有用了）。NNgroup 的工作比一般设计公司更注重理论、非常重视用户研究，所以他们的入门课程也偏原理、基础概念适合从基础开始认真学 UX 设计的人，不适合上速成培训班很神奇地变成 UX 设计师的人 #设计入门来个视频感受一下，这是 UX 设计入门的入门、被全世界人民问了几百万遍的问题：UX 设计和 UI 设计有什么差异？ 1/

倪爽

109,877 görüntüleme • 3 yıl önce

这下前端有福了！最近 GitHub 上两个前端设计项目爆火，专门用来给 AI 提升审美。 1、 taste-skill 相当于给 AI 装了一套视觉自查系统。交付前会先按空间节奏、字体层级等原则自我审查一遍，能纠正瞎乱配色、教它用留白制造呼吸感，具备设计师质感。 2、impeccable 内置 23 个核心命令 + 一整套 AI 设计避坑指南，解决 AI 最爱犯的布局逻辑问题，复杂动效也能做到克制丝滑，直接拉到大厂响应式设计水准。一个管品位，一个管框架。两个一起喂给你的 AI，设计审美直接起飞。

这下前端有福了！最近 GitHub 上两个前端设计项目爆火，专门用来给 AI 提升审美。 1、 taste-skill 相当于给 AI 装了一套视觉自查系统。交付前会先按空间节奏、字体层级等原则自我审查一遍，能纠正瞎乱配色、教它用留白制造呼吸感，具备设计师质感。 2、impeccable 内置 23 个核心命令 + 一整套 AI 设计避坑指南，解决 AI 最爱犯的布局逻辑问题，复杂动效也能做到克制丝滑，直接拉到大厂响应式设计水准。一个管品位，一个管框架。两个一起喂给你的 AI，设计审美直接起飞。

阿西_出海

73,773 görüntüleme • 2 ay önce

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：

汗青 HQ

49,174 görüntüleme • 1 yıl önce

我用Gemini3写了一个基于网格系统规则的LOGO生成器，片尾是完整动画效果。其主要功能有：生成器可以按特定网格规则生成家族套系logo，指定颜色，可根据颜色生成渐变阶梯式色彩或单色logo。可以生成首尾帧动画，做家族系LOGO之间的转换，也可以平铺LOGO成为辅助图形图案，非常方便的生成好看的mg动画。可一键保存jpg、png、eps矢量图片，动画可一键保存mp4。目前已经投入设计流程中使用。相信不久将来，设计师们都可以利用AI制作自己的设计工具，优化设计流程。

我用Gemini3写了一个基于网格系统规则的LOGO生成器，片尾是完整动画效果。其主要功能有：生成器可以按特定网格规则生成家族套系logo，指定颜色，可根据颜色生成渐变阶梯式色彩或单色logo。可以生成首尾帧动画，做家族系LOGO之间的转换，也可以平铺LOGO成为辅助图形图案，非常方便的生成好看的mg动画。可一键保存jpg、png、eps矢量图片，动画可一键保存mp4。目前已经投入设计流程中使用。相信不久将来，设计师们都可以利用AI制作自己的设计工具，优化设计流程。

DynamicWang

20,221 görüntüleme • 8 ay önce

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件）直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件）先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址：再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件）直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件）先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址：再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

Seven

15,606 görüntüleme • 8 gün önce

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件）直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件）先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址：再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件）直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件）先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址：再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

122,315 görüntüleme • 1 ay önce

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

Yihui

43,181 görüntüleme • 9 ay önce

YCombinator 最干货的《设计评论》写又出新作了。我先看为敬:《未来的 AI Interfaces | 设计评论》做 AI SaaS 工具站的友友们必看！人工智能正在彻底改变我们与软件交互的方式。因此，在这期"设计评论"节目中，YC普通合伙人Aaron Epstein与Cron（现为Notion日历）的创始人兼设计师Raphael Schaad坐在一起，对一些突破性的人工智能用户界面进行评论。他们将共同审视各种各样的例子，从代理和自适应UI到视频提示和逼真的语音API，所有这些都是为了一窥人工智能如何改变软件的未来。

YCombinator 最干货的《设计评论》写又出新作了。我先看为敬:《未来的 AI Interfaces | 设计评论》做 AI SaaS 工具站的友友们必看！人工智能正在彻底改变我们与软件交互的方式。因此，在这期"设计评论"节目中，YC普通合伙人Aaron Epstein与Cron（现为Notion日历）的创始人兼设计师Raphael Schaad坐在一起，对一些突破性的人工智能用户界面进行评论。他们将共同审视各种各样的例子，从代理和自适应UI到视频提示和逼真的语音API，所有这些都是为了一窥人工智能如何改变软件的未来。

张钊

23,240 görüntüleme • 1 yıl önce

最近发现一个极其硬核的 "skills"！🤯 如果你平时也用 Cursor 或 Claude 撸前端，那你一定要试试 Paul Bakaus 开源的 Impeccable。之前让 AI 写 UI，做出来的东西总有一种廉价的“外包感”，因为 AI 根本不懂设计规范。但这个项目，相当于给你的 AI 强行注入了“顶级设计师的灵魂” 🎨 只需要一行代码把它加进你的工作流： npx skills add pbakaus/impeccable 你的 AI 就会瞬间解锁： ✨ 17 个魔法设计指令：比如在输入框敲 /bolder，平庸的 UI 瞬间就有了视觉冲击力。 🕵️‍♂️ 冷酷的技术质检员：敲下 /audit，它会以大厂 QA 的标准，无情揪出你 UI 里的无障碍（a11y）死角和响应式漏洞。 🚫 自动规避设计反模式：系统级拉黑“灰底灰字”和“万年不变的嵌套卡片”。 🧠 海量专业设计知识：涵盖排版、OKLCH 色彩和高级空间布局。今天在自己的一个项目里亲测了一下，效果惊艳。不仅好看，代码还贼健壮。做全栈和独立开发的朋友，强烈建议加上这个 skill！👇

最近发现一个极其硬核的 "skills"！🤯 如果你平时也用 Cursor 或 Claude 撸前端，那你一定要试试 Paul Bakaus 开源的 Impeccable。之前让 AI 写 UI，做出来的东西总有一种廉价的“外包感”，因为 AI 根本不懂设计规范。但这个项目，相当于给你的 AI 强行注入了“顶级设计师的灵魂” 🎨 只需要一行代码把它加进你的工作流： npx skills add pbakaus/impeccable 你的 AI 就会瞬间解锁： ✨ 17 个魔法设计指令：比如在输入框敲 /bolder，平庸的 UI 瞬间就有了视觉冲击力。 🕵️‍♂️ 冷酷的技术质检员：敲下 /audit，它会以大厂 QA 的标准，无情揪出你 UI 里的无障碍（a11y）死角和响应式漏洞。 🚫 自动规避设计反模式：系统级拉黑“灰底灰字”和“万年不变的嵌套卡片”。 🧠 海量专业设计知识：涵盖排版、OKLCH 色彩和高级空间布局。今天在自己的一个项目里亲测了一下，效果惊艳。不仅好看，代码还贼健壮。做全栈和独立开发的朋友，强烈建议加上这个 skill！👇

axiaisacat

113,773 görüntüleme • 5 ay önce

你是不是遇到AI生成的网页，出来全是千篇一律的紫色渐变？满满的AI感。本期分享我在使用的工作流，不仅能 1:1 还原设计稿，还能生成炫酷的网页动效。使用到的工具是 Figma MCP、Claude Code、GLM4.6。不管你是开发，还是想做个人网页的设计师，学会这套工作流，也能打造出独一无二的网页～

你是不是遇到AI生成的网页，出来全是千篇一律的紫色渐变？满满的AI感。本期分享我在使用的工作流，不仅能 1:1 还原设计稿，还能生成炫酷的网页动效。使用到的工具是 Figma MCP、Claude Code、GLM4.6。不管你是开发，还是想做个人网页的设计师，学会这套工作流，也能打造出独一无二的网页～

Paidax

48,625 görüntüleme • 9 ay önce