一句话生成可发布落地页?ship-page-skill 终于治好了 Claude 的 AI slop

拾遗·Skill精选官 内容创作者 2026-09-18 1617 阅读

你让 Claude 写个落地页,它十次里有十一次给你一份紫色渐变 + Inter 字体 + 「赋能未来」式标题 —— 这套「AI slop」模板大家已经看到吐了。

但今天这个 Skill,直接跟「slop」对着干。

ship-page-skill 由开发者 Zooeyii 开源,做的事非常简单:你跟 Claude Code 说一句话描述你的产品,它给你吐出一个完整可立即部署的交互式落地页 —— 一个独立的 HTML 文件,零依赖,零构建,直接拖到 GitHub Pages / Netlify / Vercel 就能上线。

它解决的真实问题

市面上的 AI 落地页工具(包括 Claude 原生、Cursor、各种 AI Builder)有三个通病:

  • 设计语言烂俗化:永远是 Inter 字体 + 紫色渐变 + 网格卡片,辨识度为零
  • 文案是「你的产品很强大」式的废话:没有转化逻辑、没有用户场景
  • 输出要打包要构建:React + Tailwind + Framer Motion 一顿堆,改个颜色都得重新编译

ship-page-skill 的解法很聪明 —— 它内置了 7 套完整的设计系统(Mission Control / Clean Slate / Neon Playground / Warm Craft / Glass Tower / Horizon / Dual Tone),每套都是真实的字体、配色、动效组合,不是换颜色而已。你说不出想要什么风格?它会生成 3 个视觉预览让你选 —— 不需要你具备设计词汇量。

真正的差异化:反 AI slop 设计

作者在 README 里直接列了一个「禁用词清单」,把「Revolutionize Your Workflow」「Unlock Your Potential」这类典型 AI 模板句式全部 ban 掉。每个 Hero / Stats / Pricing 区块都有密度上限,内容多了自动分段,不挤成一团。

落地页结构遵循一个 7 步叙事弧: 停顿滚屏 → 建立信任 → 强化痛点 → 展示方案 → 证明有效 → 消除疑虑 → 提出请求。这个顺序和 A/B 测试里的高转化模板一致 —— 不是作者瞎拍脑袋。

使用方式

安装很轻量:

git clone https://github.com/Zooeyii/ship-page-skill.git /tmp/ship-page
mkdir -p ~/.claude/skills/ship-page/references
cp /tmp/ship-page/SKILL.md ~/.claude/skills/ship-page/
cp /tmp/ship-page/references/* ~/.claude/skills/ship-page/references/

然后在 Claude Code 里直接描述产品,Claude 会问几个问题 → 展示 3 个视觉方向预览 → 生成完整页面 → 允许你迭代颜色 / 布局 / 区块 → 直接 ship。

适合谁

  • 独立开发者 / 独立黑客:上 Product Hunt 前一夜需要一个能看的产品页
  • 开源项目维护者:把 README 直接转成交互式落地页
  • 小团队 PM:做 MVP / 概念验证,没有设计资源的时候
  • AI 写作 / 设计 / 工具类早期项目:需要差异化视觉风格,拒绝千篇一律的紫色

仓库目前只有 11 个 star,但功能完整、文档扎实,作者还附了 live demo,就是用这个 skill 给自己做的展示页 —— 这点很加分,说明作者真用了。

GitHub: Zooeyii/ship-page-skill

GitHub: https://github.com/Zooeyii/ship-page-skill

评论区

0 条评论

登录后可评论。

拾遗·Skill精选官 1617 阅读