Загрузка видео...

Не удалось загрузить видео

На главную

分享10个设计参考网站，可以直接让AI参考，拯救你的AI审美 🧐

10xmylife's profile picture

海明Dev

11,659 subscribers

22,303 просмотров • 1 месяц назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

这个设计 skill 能彻底拯救你的 Codex 审美 结合taste skill和image 2生图，下面是我在Codex里直出的网页设计效果 方法也很简单，只需三步： 1. 用 taste skill 生成每个页面的参考图 2. 让 Codex 分析参考图，列出需要单独提取的视觉素材图片 3. 把参考图和素材交给 Codex，让它只用这些素材 1:1 复刻页面 skill仓库地址：
0:32

这个设计 skill 能彻底拯救你的 Codex 审美 结合taste skill和image 2生图，下面是我在Codex里直出的网页设计效果 方法也很简单，只需三步： 1. 用 taste skill 生成每个页面的参考图 2. 让 Codex 分析参考图，列出需要单独提取的视觉素材图片 3. 把参考图和素材交给 Codex，让它只用这些素材 1:1 复刻页面 skill仓库地址：

Sac

139,635 просмотров • 2 месяцев назад

当你看到一个充满设计创意的网站时， 可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆
0:24

当你看到一个充满设计创意的网站时， 可以使用原生的分享扩展保存到 Minttr 了。 Minttr 网站来自 bao to ᝰ.ᐟ 🦆🦆🦆

Zayn Hao

11,386 просмотров • 3 месяцев назад

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！
0:43

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

爱丽丝呀！

139,285 просмотров • 2 месяцев назад

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

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

MapleShaw

322,790 просмотров • 1 год назад

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。 以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。 里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。 如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。 想要网站的同学，评论区吱声……
0:44

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。 以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。 里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。 如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。 想要网站的同学，评论区吱声……

比特币橙子Trader

19,699 просмотров • 4 дней назад

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。 其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个， 效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。
0:33

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。 其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个， 效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。

Viking

112,217 просмотров • 4 месяцев назад

想找创业方向的可以听听这个，做个参考吧。。。
5:56

想找创业方向的可以听听这个，做个参考吧。。。

WangNextDoor

37,206 просмотров • 3 месяцев назад

厌倦了四处寻找AI工具吗？ 不妨试试 ，这个网站集合了各种AI工具，涵盖绘画、写作、聊天、设计、换脸、音乐等多个领域 除此之外，它还是一个活跃的论坛，让你可以与他人分享你的想法，结交新朋友 无论你是寻求灵感还是探索新技能，这个网站都能满足你
0:27

厌倦了四处寻找AI工具吗？ 不妨试试 ，这个网站集合了各种AI工具，涵盖绘画、写作、聊天、设计、换脸、音乐等多个领域 除此之外，它还是一个活跃的论坛，让你可以与他人分享你的想法，结交新朋友 无论你是寻求灵感还是探索新技能，这个网站都能满足你

熊猫 AI 🐼

40,583 просмотров • 3 лет назад

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑
2:45

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑

小互

57,767 просмотров • 1 год назад

这些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网站~
0:49

这些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 просмотров • 1 месяц назад

为什么要设计一款既能坐、又能站、还能半站半坐的办公椅？ #设计参考 Movably Pro 是一款设计很奇怪、独特的椅子，坐垫分为两半、能分别展开和收起，还附带一个脚蹬…让你能在坐、站、半坐半站这几种身体姿态之间切换 这样你在工作和学习过程中也能活动身体，避免久坐和久站带来的各种问题 椅子自带的 app 可以按照你设定的时间，自动切换外形，以帮你切换身体姿态 项目正在 indiegogo 众筹中，早鸟价 999 美元
0:47

为什么要设计一款既能坐、又能站、还能半站半坐的办公椅？ #设计参考 Movably Pro 是一款设计很奇怪、独特的椅子，坐垫分为两半、能分别展开和收起，还附带一个脚蹬…让你能在坐、站、半坐半站这几种身体姿态之间切换 这样你在工作和学习过程中也能活动身体，避免久坐和久站带来的各种问题 椅子自带的 app 可以按照你设定的时间，自动切换外形，以帮你切换身体姿态 项目正在 indiegogo 众筹中，早鸟价 999 美元

倪爽

77,028 просмотров • 2 лет назад

电动车设计的时候就没考虑让你维修， 每个部件都是。
2:09

电动车设计的时候就没考虑让你维修， 每个部件都是。

魔都老猿

50,499 просмотров • 1 месяц назад

这个让前端设计更有质感的 Skills，测试下来确实效果稳定，做了个演示视频供大家参考
0:29

这个让前端设计更有质感的 Skills，测试下来确实效果稳定，做了个演示视频供大家参考

meng shao

22,748 просмотров • 12 дней назад

知识分享：保护隐私，一定要关闭微信这几个设置。 大家参考下！
0:48

知识分享：保护隐私，一定要关闭微信这几个设置。 大家参考下！

iPaul

31,888 просмотров • 5 месяцев назад

直接丢设计稿给 AI 去生成网页总是没办法精准还原，氮素！🧐 EdgeOne Pages 出了个 Figma 的一键部署插件，不仅方便展示效果，将部署后的链接丢给 AI 进行二次开发，分分钟完美还原设计稿！🥳 链接见评论👇
0:24

直接丢设计稿给 AI 去生成网页总是没办法精准还原，氮素！🧐 EdgeOne Pages 出了个 Figma 的一键部署插件，不仅方便展示效果，将部署后的链接丢给 AI 进行二次开发，分分钟完美还原设计稿！🥳 链接见评论👇

MapleShaw

24,503 просмотров • 1 год назад

给大家分享一个用Codex优化前端UI的方法，贼好用！ 也是GPT-5.6真滴吊。 我优化我们前两天开源的workbuddy蓝皮书官网UI就是这么干的。也是近期我在AI上的一个ah moment。 我的经验是开发一个网站，可以先只管功能，还有页面布局。这些搞定之后，再来优化前端UI。 否则你可能一开始就会在UI上卡很久。 如果没有灵感，可以去各大前端模板网站上去找，找你喜欢的网页。 前端模板网站： 以上是我收集的几个前端模版站点，效果挺🐂🍺的。应该还有更多模板站，欢迎各位大佬评论区分享一下 找到你喜欢的模板，可以截图丢给codex，用GPT-5.6 Sol 极高，告诉它 参考截图的风格，设计网站的UI。 设计完，让它把效果图画出来，然后，你挑一个满意的图。就可以切换成GPT-5.6 Sol 中，开干啦～ 最后，欢迎大家参与workbuddy蓝皮书的共创！ 蓝皮书开源地址： 官网：
1:14

给大家分享一个用Codex优化前端UI的方法，贼好用！ 也是GPT-5.6真滴吊。 我优化我们前两天开源的workbuddy蓝皮书官网UI就是这么干的。也是近期我在AI上的一个ah moment。 我的经验是开发一个网站，可以先只管功能，还有页面布局。这些搞定之后，再来优化前端UI。 否则你可能一开始就会在UI上卡很久。 如果没有灵感，可以去各大前端模板网站上去找，找你喜欢的网页。 前端模板网站： 以上是我收集的几个前端模版站点，效果挺🐂🍺的。应该还有更多模板站，欢迎各位大佬评论区分享一下 找到你喜欢的模板，可以截图丢给codex，用GPT-5.6 Sol 极高，告诉它 参考截图的风格，设计网站的UI。 设计完，让它把效果图画出来，然后，你挑一个满意的图。就可以切换成GPT-5.6 Sol 中，开干啦～ 最后，欢迎大家参与workbuddy蓝皮书的共创！ 蓝皮书开源地址： 官网：

袋鼠帝

60,373 просмотров • 1 месяц назад

兄弟们，这个网站有点意思啊 设计的很巧妙... 你们可以围观学习下：
1:47

兄弟们，这个网站有点意思啊 设计的很巧妙... 你们可以围观学习下：

小互

54,886 просмотров • 1 месяц назад

一位老外为了学麻将，专门做了个可视化入门指南 让国粹发扬光大，网站专为初学者设计，目标是让人在 5 分钟内学会打麻将，内容涵盖牌的种类、胡牌牌型、牌墙机制和出牌操作。 很有感觉，对于想入门学习麻将感兴趣的可以参考下。 网站：
0:23

一位老外为了学麻将，专门做了个可视化入门指南 让国粹发扬光大，网站专为初学者设计，目标是让人在 5 分钟内学会打麻将，内容涵盖牌的种类、胡牌牌型、牌墙机制和出牌操作。 很有感觉，对于想入门学习麻将感兴趣的可以参考下。 网站：

知识分享官

121,574 просмотров • 3 месяцев назад

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～
0:32

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

121,238 просмотров • 28 дней назад