想让AI画出真正好看的网页？这款设计指引技能专治”AI味”

做过 AI 生成网页的项目吗？出来的稿子是不是总有种”AI 味”——要么左右分栏太死板，要么 CTA 按钮土得惊人？

问题不在 AI 画图不行，是 提示词没有设计思维。

Leonxlnx 的 imagegen-frontend-web 就是来解决这个的。这是一个专门给 AI 编程助手用的前端图像指引技能，核心任务是：帮你的 AI 生成有高级感、关注转化率的网站设计参考图，而不是一堆通用模板废稿。

它凭什么不一样

每 section 生成一张独立图。 这是它最核心的规则——一个落地页 8 个区块，就出 8 张横向大图。AI 不会为了省事把 8 个区块压缩到一张图里糊弄你。

构图多样性强制执行。 技能会强制要求：不是每张图都左文右图、背景图自由度、CTA 处理多样化、主视觉规模变化（巨大/中等/迷你极简）。你看到的是一整页有叙事主线、有节奏变化的页面，而不是重复模块堆砌。

单一配色贯穿始终。 8 张图里色调统一，不会出现第一张蓝色第二张红色的分裂感。

适用场景

• 设计师/产品：快速出高质量网站设计参考，不用从零拖 Figma
• 独立开发者：用 AI 生成设计稿 → 直接丢给 Cursor/Claude Code 还原
• AI 开发者：给自己的 AI 注入设计审美，告别”AI 味”界面

怎么用

装上之后，直接告诉它你的业务场景，比如：

“帮我生成一个 AI 编程工具的 SaaS 落地页设计参考，要现代感、科技感，突出转化”

它会自动出 8 张横向大图，每张对应落地页的一个区块，标注好布局、间距、视觉层级。

安装

npx skills add https://github.com/Leonxlnx/taste-skill --skill imagegen-frontend-web

MIT 协议，开源免费，GitHub 直接搜 Leonxlnx/taste-skill 也能找到。

与其天天吐槽 AI 生成的界面太丑，不如给它装一个真正懂设计的 Skill。

GitHub：https://github.com/Leonxlnx/taste-skill

GitHub: https://github.com/Leonxlnx/taste-skill