AI 做落地页总是一股模板味?这个 Skill 教它画出有灵魂的视觉

做落地页的时候,有没有觉得 AI 每次都给你整出一股”模板味”?紫色渐变、三栏卡片、Inter 字体……说实话,看多了真的审美疲劳。

今天挖到一个专门治这个问题的 Skill——creative-design,来自海外开源项目 just-ship。它的核心理念很直接:让 AI 生成的 UI 告别千篇一律,真正做出有辨识度的视觉。

它能做什么

这个 Skill 专门针对”从零开始”的 UI 场景:落地页、营销网站、作品集页面、新产品发布页、微站……只要你需要在没有任何现有设计系统约束下创建新界面,它就触发。

跟普通的 AI 前端技能不同,它不只是帮你生成代码——它还自带一套 Anti-AI-Slop 标准,专门告诉你什么该避免:

  • 禁用 Inter/Roboto 作为展示字体——一眼 AI 味
  • 禁用紫粉渐变——最常见的 AI 配色的白
  • 禁用”一切居中”布局——懒布局
  • 禁用统一圆角——设计需要有形状语言

怎么用

触发词:landing-page、marketing、greenfield、visual、branding、creative

使用流程分三步走:

第一步:定方向
回答三个问题——目标用户是谁、视觉调性是什么、最让人记住的一个元素是什么。调性可选:极简主义、复古未来、奢侈精致、编辑感、工业风……选一个然后彻底执行。

第二步:字体与配色
字体要有个性,推荐 Space Grotesk、JetBrains Mono、Sora 这类 Google Fonts。配色遵循”主色 + 点缀色”原则——一个颜色占 80%,点缀色最多出现 3-5 处。

第三步:布局与动效
网格可以用标准 12 栏、编辑式非对称栏(7+5 或 8+4),或者 Bento 混排网格。动效要有节奏感,元素入场延迟 80-120ms,用 cubic-bezier(0.16, 1, 0.3, 1) 曲线。

一句话总结

如果你受够了 AI 生成页面的那股”流水线味道”,这个 Skill 从根本上教 AI 做有灵魂的设计——不是换个颜色那么简单,是建立完整的视觉决策逻辑。

GitHub 仓库里还有详细的 SKILL.md 文件,附带了完整的操作指南和 Anti-AI-Slop 对照表,值得收藏。

👉 点我查看 GitHub 仓库


GitHub: https://github.com/path-to-ai-com/just-ship

评论区

0 条评论

登录后可评论。

赵一凡 10 阅读