Loading video...

Video Failed to Load

Go Home

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

axichuhai's profile picture

阿西_出海

25,385 subscribers

73,547 views • 2 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

给 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,520 views • 1 month ago

终于有一套 Skill 能让 AI 的前端审美有灵魂了！ 爆款开源项目 Taste-Skill （ GitHub 33.3k🌟），直接给 Cursor、Claude、Codex 等 AI 工具装上了【审美大脑】！ 下面视频我做了很多页面，这些极简、轻奢风的页面，全靠这套skill做的～质感拉满了 以前 AI 生成的页面总带着一股塑料感： 布局僵硬、字体廉价、留白像 PPT、颜色土到炸…… 现在，AI 终于能写出大厂高级感了： 审美基因注入：内置极简、高端轻奢、粗野主义、Minimalist 等多种高级调性，直接拉高 AI 的设计天花板 UI 视觉整容：自带审计+重构能力，老旧丑页面一键诊断升级 参数化控场：创意度、动效强度、信息密度随便调，再也不用死板一套模板 最佳搭配：先用 Taste-Skill 注入灵魂定调，再丢给 Claude/Cursor/codex 落地代码，质感直接起飞！ 感兴趣的朋友们，可以去看看哦～ 地址：
0:43

终于有一套 Skill 能让 AI 的前端审美有灵魂了！ 爆款开源项目 Taste-Skill （ GitHub 33.3k🌟），直接给 Cursor、Claude、Codex 等 AI 工具装上了【审美大脑】！ 下面视频我做了很多页面，这些极简、轻奢风的页面，全靠这套skill做的～质感拉满了 以前 AI 生成的页面总带着一股塑料感： 布局僵硬、字体廉价、留白像 PPT、颜色土到炸…… 现在，AI 终于能写出大厂高级感了： 审美基因注入：内置极简、高端轻奢、粗野主义、Minimalist 等多种高级调性，直接拉高 AI 的设计天花板 UI 视觉整容：自带审计+重构能力，老旧丑页面一键诊断升级 参数化控场：创意度、动效强度、信息密度随便调，再也不用死板一套模板 最佳搭配：先用 Taste-Skill 注入灵魂定调，再丢给 Claude/Cursor/codex 落地代码，质感直接起飞！ 感兴趣的朋友们，可以去看看哦～ 地址：

爱丽丝呀！

205,111 views • 2 months ago

我靠，写前端终于不必被 AI 味带着跑了。 Taste Skill 是一套 agent skill，给 Claude Code / Codex / Cursor 这类 AI Coding Agent 加一层设计规则约束，解决 AI 写 UI 时视觉质量不稳定的问题。 它主要干几件事： 1、反模板化 限制 AI 默认生成紫色渐变、居中 Hero、三张 feature card、玻璃拟态这类同质化 UI，用 anti-slop 规则把输出拉回真实设计逻辑。 2、视觉方向可控 通过 3 个 dial 控制设计倾向： DESIGN_VARIANCE：布局方差 MOTION_INTENSITY：动效强度 VISUAL_DENSITY：信息密度 AI 会根据需求推断数值，也可以手动调整。 3、写代码前先读需求 内置 Brief Inference 机制。AI 会先输出 Design Read，确认设计方向，再开始生成代码。方向不明确时，只问一个关键问题。 4、多工具共享配置 一条命令安装，Claude Code / Codex / Cursor 可以共用同一套设计规则，不用重复维护。它本质上不是让 AI 更会写 CSS，而是把设计判断前置成一套可执行规则。 不只是代码生成能力，还有审美、上下文约束和工程化稳定性。
1:32

我靠，写前端终于不必被 AI 味带着跑了。 Taste Skill 是一套 agent skill，给 Claude Code / Codex / Cursor 这类 AI Coding Agent 加一层设计规则约束，解决 AI 写 UI 时视觉质量不稳定的问题。 它主要干几件事： 1、反模板化 限制 AI 默认生成紫色渐变、居中 Hero、三张 feature card、玻璃拟态这类同质化 UI，用 anti-slop 规则把输出拉回真实设计逻辑。 2、视觉方向可控 通过 3 个 dial 控制设计倾向： DESIGN_VARIANCE：布局方差 MOTION_INTENSITY：动效强度 VISUAL_DENSITY：信息密度 AI 会根据需求推断数值，也可以手动调整。 3、写代码前先读需求 内置 Brief Inference 机制。AI 会先输出 Design Read，确认设计方向，再开始生成代码。方向不明确时，只问一个关键问题。 4、多工具共享配置 一条命令安装，Claude Code / Codex / Cursor 可以共用同一套设计规则，不用重复维护。它本质上不是让 AI 更会写 CSS，而是把设计判断前置成一套可执行规则。 不只是代码生成能力，还有审美、上下文约束和工程化稳定性。

Vince 聊开发

21,845 views • 1 month ago

溜儿，把从真实网站提取的设计规范做成了现成的 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
0:35

溜儿，把从真实网站提取的设计规范做成了现成的 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 views • 4 months ago

最近发现一个极其硬核的 "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！👇
0:36

最近发现一个极其硬核的 "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,734 views • 5 months ago

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

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

Corey Chiu

38,008 views • 7 months ago

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

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

汗青 HQ

49,174 views • 1 year ago

牛逼，直接让你的页面设计上一档次！😍 用 Cursor / Claude 写前端的人可以试一下这个： npx impeccable install，然后在对话里跑 /impeccable init 它会先帮你把产品定位和设计上下文写清楚， 之后你再让它改页面、加动效、查问题，它就不会再瞎编了。 最实用的几个命令： /impeccable critique —— 直接给你打分+指出问题 /impeccable polish —— 最后一遍打磨 /impeccable live —— 浏览器里边看边改 链接见评论👇
0:30

牛逼，直接让你的页面设计上一档次！😍 用 Cursor / Claude 写前端的人可以试一下这个： npx impeccable install，然后在对话里跑 /impeccable init 它会先帮你把产品定位和设计上下文写清楚， 之后你再让它改页面、加动效、查问题，它就不会再瞎编了。 最实用的几个命令： /impeccable critique —— 直接给你打分+指出问题 /impeccable polish —— 最后一遍打磨 /impeccable live —— 浏览器里边看边改 链接见评论👇

MapleShaw

24,350 views • 6 days ago

疯了，这个 GitHub 项目让 AI 自己创业。 最近看到一个很有意思的开源项目： Paperclip 一句话总结： 用一群 AI Agent，自动经营一家公司。 你只需要给一个目标，比如： 做一个 AI 产品，做到 $1M MRR 系统会自动开始： 1. 搭建 AI 公司结构 CEO CTO 工程师 设计师 市场 全部由 AI Agent 扮演。 2. 自动拆解任务 产品规划 写代码 做设计 市场推广 AI 会自己分配任务、协作完成。 3. 多 Agent 团队协作 不同 AI 角色之间会互相沟通、执行任务、推进项目。 4. 你只负责一件事 当老板。 审批策略、查看进度、控制预算。 剩下的工作 —— 交给 AI 员工。 更有意思的是： - 支持 Claude Code / Codex / Cursor / OpenClaw 等 Agent - 每个 Agent 可以设置 预算、权限、任务范围 - 所有决策都有 日志和审计记录 一句话总结这个项目： 它不是 AI 工具，而是一个「AI 公司操作系统」。 如果你在研究： AI Agent 自动化创业 AI 团队协作 这个项目非常值得收藏。
0:35

疯了，这个 GitHub 项目让 AI 自己创业。 最近看到一个很有意思的开源项目： Paperclip 一句话总结： 用一群 AI Agent，自动经营一家公司。 你只需要给一个目标，比如： 做一个 AI 产品，做到 $1M MRR 系统会自动开始： 1. 搭建 AI 公司结构 CEO CTO 工程师 设计师 市场 全部由 AI Agent 扮演。 2. 自动拆解任务 产品规划 写代码 做设计 市场推广 AI 会自己分配任务、协作完成。 3. 多 Agent 团队协作 不同 AI 角色之间会互相沟通、执行任务、推进项目。 4. 你只负责一件事 当老板。 审批策略、查看进度、控制预算。 剩下的工作 —— 交给 AI 员工。 更有意思的是： - 支持 Claude Code / Codex / Cursor / OpenClaw 等 Agent - 每个 Agent 可以设置 预算、权限、任务范围 - 所有决策都有 日志和审计记录 一句话总结这个项目： 它不是 AI 工具，而是一个「AI 公司操作系统」。 如果你在研究： AI Agent 自动化创业 AI 团队协作 这个项目非常值得收藏。

开发者Hailey

23,447 views • 5 months ago

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

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

小互

57,767 views • 1 year ago

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

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

开发者Hailey

105,408 views • 4 months ago

🚨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 设计工作台。
1:29

🚨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 views • 5 months ago

感觉我必须重新发一下这个了！！ 3月份的时候，我在小红书分享过这个 【设计百科全书】当时还小火了一下哈哈 😂 里面总结了作为设计师，我这些年积累下来的 60+种当下常见的设计风格：比如粗野主义Brutalism，毛玻璃Glassmorphism，新拟态Neumorphism，极简，极繁等等。 我一直觉得，审美不只是“凭感觉”，能不能把这些设计风格进一步拆解成可理解，可复用的设计语言和提示词？ 因为最近持续看到越来越多类似的产品😂 所以想重新和大家分享一下这个项目 🤓 之后和大家分享更多审美相关的内容！
0:51

感觉我必须重新发一下这个了！！ 3月份的时候，我在小红书分享过这个 【设计百科全书】当时还小火了一下哈哈 😂 里面总结了作为设计师，我这些年积累下来的 60+种当下常见的设计风格：比如粗野主义Brutalism，毛玻璃Glassmorphism，新拟态Neumorphism，极简，极繁等等。 我一直觉得，审美不只是“凭感觉”，能不能把这些设计风格进一步拆解成可理解，可复用的设计语言和提示词？ 因为最近持续看到越来越多类似的产品😂 所以想重新和大家分享一下这个项目 🤓 之后和大家分享更多审美相关的内容！

Dreameryanyan

26,599 views • 1 month ago

AI 写前端的下一步，可能不是“更快”，而是“更有品味”。 看到一个可以称之为“一份写给 AI Agent 的前端审美手册”的开源项目：Taste Skill。 它不是 UI 组件库，也不是 Tailwind 模板，而是一套写给 AI Agent 的「前端审美规则包」。 专门解决一个问题：为什么 AI 生成的页面越来越像？ 紫蓝渐变、居中 Hero、三张功能卡片、玻璃拟态、假仪表盘、无意义标签……页面能跑，但一眼 AI 味。 它会让 AI 在写页面之前先想清楚： 这个页面是官网、作品集、SaaS 落地页，还是老项目重设计？ 用户是谁？ 品牌应该是克制、可信、活泼、工业感，还是偏高级消费品？ 这次应该信息密度高一点，还是留白多一点？ 动效要克制，还是可以更强一点？ 然后再开始写代码。 Taste Skill 的思路是：把“审美”和“交付标准”拆成规则，让 AI 每次都先读一遍。 比如：不要默认紫蓝科技渐变/不要所有页面都居中 hero/不要动不动三张等宽卡片/不要乱堆玻璃拟态和大圆角/不要用假的产品截图糊弄/不要写一堆空洞营销词/交付前检查按钮、排版、动效、移动端、可访问性 一个比较适合的使用方式是： 用 Taste Skill 帮我重设计这个落地页。先判断页面类型、用户受众和视觉方向，再做设计审计，最后在现有技术栈内完成实现。避免默认 AI 风格，交付前跑 pre-flight check。 这类提示比“帮我美化一下页面”更容易得到稳定结果。
0:35

AI 写前端的下一步，可能不是“更快”，而是“更有品味”。 看到一个可以称之为“一份写给 AI Agent 的前端审美手册”的开源项目：Taste Skill。 它不是 UI 组件库，也不是 Tailwind 模板，而是一套写给 AI Agent 的「前端审美规则包」。 专门解决一个问题：为什么 AI 生成的页面越来越像？ 紫蓝渐变、居中 Hero、三张功能卡片、玻璃拟态、假仪表盘、无意义标签……页面能跑，但一眼 AI 味。 它会让 AI 在写页面之前先想清楚： 这个页面是官网、作品集、SaaS 落地页，还是老项目重设计？ 用户是谁？ 品牌应该是克制、可信、活泼、工业感，还是偏高级消费品？ 这次应该信息密度高一点，还是留白多一点？ 动效要克制，还是可以更强一点？ 然后再开始写代码。 Taste Skill 的思路是：把“审美”和“交付标准”拆成规则，让 AI 每次都先读一遍。 比如：不要默认紫蓝科技渐变/不要所有页面都居中 hero/不要动不动三张等宽卡片/不要乱堆玻璃拟态和大圆角/不要用假的产品截图糊弄/不要写一堆空洞营销词/交付前检查按钮、排版、动效、移动端、可访问性 一个比较适合的使用方式是： 用 Taste Skill 帮我重设计这个落地页。先判断页面类型、用户受众和视觉方向，再做设计审计，最后在现有技术栈内完成实现。避免默认 AI 风格，交付前跑 pre-flight check。 这类提示比“帮我美化一下页面”更容易得到稳定结果。

sitin

14,986 views • 2 months ago

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

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

阿西_出海

48,681 views • 2 months ago

有件事我想说给潮玩行业的人听—— 以前从0做一个潮玩 IP，要经历：概念设计、建模、渲染、拍摄、剪片、做宣发……每一步都是时间和人力。 现在我一个人，用 AI，把这套流程全跑了一遍。 从角色设计、海报包装，到发布短片——从创意到成片，周期短到离谱。 这不是说 AI 把设计师替代了。是说会用 AI 的设计师，现在可以一个人撑起一整条 IP 内容线。 POP MART 52TOYS_US @TOPTOYofficial 六分の一が好き Kidrobot SUPERPLASTIC 你们在找下一个能独立运转的创作者 IP 吗？ 我在。 PONYO Studio / Outlaw Bloom SS.26 #DesignerToy #AIDesign #PotentialCollab #PONYO #潮玩 #盲盒
0:27

有件事我想说给潮玩行业的人听—— 以前从0做一个潮玩 IP，要经历：概念设计、建模、渲染、拍摄、剪片、做宣发……每一步都是时间和人力。 现在我一个人，用 AI，把这套流程全跑了一遍。 从角色设计、海报包装，到发布短片——从创意到成片，周期短到离谱。 这不是说 AI 把设计师替代了。是说会用 AI 的设计师，现在可以一个人撑起一整条 IP 内容线。 POP MART 52TOYS_US @TOPTOYofficial 六分の一が好き Kidrobot SUPERPLASTIC 你们在找下一个能独立运转的创作者 IP 吗？ 我在。 PONYO Studio / Outlaw Bloom SS.26 #DesignerToy #AIDesign #PotentialCollab #PONYO #潮玩 #盲盒

波妞PONYO

12,719 views • 2 months ago

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

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

小互

112,991 views • 5 months ago

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

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

爱丽丝呀！

139,285 views • 2 months ago

这是我今年见到的最棒的网页滚动设计 就像一个电影一样，你一直在期待接下来是什么效果。 这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。
0:38

这是我今年见到的最棒的网页滚动设计 就像一个电影一样，你一直在期待接下来是什么效果。 这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。

Viking

111,880 views • 1 year ago

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：
0:32

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：

领哥LingGe🙏

19,597 views • 1 month ago