原文链接: Taste-Skill:用GPT图像+Codex分析,让AI生成的网站告别"模板味" 作者:有意思的github项目 | 微信公众号 🌟星标+👆关注,带给你更多有意思的github项目 直接用 GPT Image 2 先生成高质量设计图,再让 Codex 分析图像、精准还原代码,这种"生成图片,Codex 分析,Codex 构建网站"的流程,能让 AI 生成的网站瞬间从"模板味"变成"产品级"。 这个完整高效的工作流,被完美封装成了一个开源神器 —— Taste-Skill。这个项目彻底解决了 AI 生成前端界面品位不足、视觉平庸的问题,让你用几句话就能做出布局高级、排版舒服、细节精致的网页。 GitHub 仓库:https://github.com/Leonxlnx/taste-skill 这篇文章我会按以下顺序来介绍: 使用效果:先看它生成出来的页面到底怎么样。 核心优势:再看它为什么能解决 AI 前端的"模板味"。 Skills 一览:接着介绍一下仓库里的技能包 安装使用教程:最后给出安装命令和关键提示词。 使用效果 官方给出的效果图很棒 我用它生成了一个猫咖网站,出来的效果确实比普通一句话生成的网站舒服不少:页面更有层次,视觉更统一,也更像一个真实品牌页面,而不是临时拼出来的 Demo👍 核心优势 传统用法里,你可能会直接对 Codex 说: 给我做一个干净的猫咖网站。 Codex 往往能做出来。页面能打开,布局也完整,按钮、标题、图片区域都有。但问题是,它大概率看起来像"AI 默认模板":能用,但不够有质感。 Taste-Skill 的新玩法,是把流程拆成三步: 先用 GPT Image 2 生成专业级网站设计图。 再让 Codex 仔细分析图像里的布局、字体、间距、配色和交互。 最后输出 HTML、CSS、JS,或者适配 React、Vue、Svelte 等框架。 这套流程的价值在于: 页面不再完全依赖文字提示词想象。 视觉目标更明确,减少"模板味"。 布局、排版、色彩这些细节更容易被保留下来。 最终...