Skilloop

真实产出

在我们的机器上用本 Skill 渲染，未经修饰。
DTC 产品首屏主视觉 — aurora kettle
aurora kettle提示词: examples/aurora-kettle.prompt.txt

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮，一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/dtc-product-hero 帮我做：Shopify / DTC 落地页

示例对话，仅演示调用方式，不代表实际产出。

你会得到

  • 1536x1024 主视觉，一侧留白放文案
  • 五种命名灯光配方（柔窗光、硬日光、轮廓光…）
  • 网页首屏、方形广告、链接广告裁切

适合

  • Shopify / DTC 落地页
  • 广告素材底图
  • 实拍前的概念渲染

不适合

  • 有严格规范的平台主图（请用白底主图 Skill）
  • 没有参考照却要求与真实商品完全一致

你需要

  • Python 3.9+（仅标准库）
  • OPENAI_API_KEY（网关可配 OPENAI_BASE_URL）
  • 精确裁切需 Pillow（可选）
  • 中等质量 1536px 约 $0.04 / 张
许可证
Proprietary (Skilloop Pro)
作者
@Skilloop
版本
v1.0.0
产出
图片
生成方式
GPT Image 2 via any OpenAI-compatible API (your key)
支持:Claude CodeCodexCursor

由 Skilloop 制作与维护（Pro）。下方每个样例都由这个 Skill 原样产出。源码包为专有授权，非 MIT。

安装包内容

  • dtc-product-hero/LICENSE
  • dtc-product-hero/SKILL.md
  • dtc-product-hero/examples/aurora-kettle.prompt.txt
  • dtc-product-hero/examples/trailfin-bottle.prompt.txt
  • dtc-product-hero/scripts/crop.py
  • dtc-product-hero/scripts/generate.py
  • dtc-product-hero/templates/lighting-recipes.md
  • dtc-product-hero/templates/prompt-template.md

SKILL.md

Generate premium studio "hero" product images for DTC landing pages, Shopify headers and ad creatives with GPT Image via any OpenAI-compatible API — consistent lighting recipe, brand-colored set, room for headline copy. Use for product hero shot, landing page hero image, Shopify banner, 产品主视觉, 首屏图, ad creative background.

Pro 解锁

Skilloop 原创可用 Pro 全包，也可单买某一个。简介与样例可预览；安装提示、ZIP 与 install.md 需要 Pro，或已购买该 Skill。

相关技能

品牌分享卡（OG 图）
ProSkilloop 原创
图片

品牌分享卡（OG 图）

符合品牌调性的 OG 分享卡：标题、字标、品牌色加一个视觉创意，精确裁成 1200x630。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
IP 角色文章封面
ProSkilloop 原创
图片

IP 角色文章封面

每张文章 / 周刊封面都是同一个 IP 角色：用文字版"角色设定"保证整个系列不跑形。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
轮播图文套件
ProSkilloop 原创
图片

轮播图文套件

把干货清单或长帖变成风格统一的竖版轮播图：所有页共用同一份"风格锁"。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
YouTube 缩略图实验室
ProSkilloop 原创
图片

YouTube 缩略图实验室

根据视频标题给出三种缩略图方向（情绪、物件、对比），生成后在小尺寸下检查可读性。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)