Ecom Details Image

Create visual concepts, image-generation prompts, and optional AI-generated images for product hero images, marketing creatives, social posts, ads, ecommerce PDP visuals, and general visual design tasks. Use when the user asks for visual strategy, image prompt writing, product/marketing image direction, or direct text-to-image generation. In Codex environments use the built-in imagegen tool; elsewhere use the bundled script backed by the apiz CLI.

1,547 stars 217 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image
Manual install
git clone --depth 1 https://github.com/liangdabiao/ecom-details-image.git /tmp/ecom-details-image
mkdir -p ~/.claude/skills
cp -r /tmp/ecom-details-image/. ~/.claude/skills/ecom-details-image

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# ecom-details-image Skill

当用户需要视觉策略、图片 Prompt、商品主图、营销图、社媒图、广告图、电商 PDP 视觉,或要求直接 AI 生图时,使用这个 Skill。

这个 Skill 有两种模式:

1. **Brief / Prompt 模式**:只输出视觉简报和可执行图片 Prompt。
2. **Generate 模式**:当用户明确要求“生图、生成图片、出图、render image”时,先输出最终 Prompt,再按下方**生图通道判断**选择生成方式。

不要暴露、索要、写入、提交或回显真实 API key。使用者必须通过自己的环境变量配置 API。

---

## 生图通道判断(Generate 模式必读)

直接生图前必须先判断当前运行环境,选择对应通道:

### 通道 A:Codex 环境 → agent 内置 imagegen

**判断方法**:检查你自己(agent)当前会话中是否具备内置的 `imagegen` 工具。有,说明你在 Codex 环境。

执行方式:

1. 不要调用 `scripts/generate_image.py`,直接调用内置 `imagegen` 工具。
2. 把最终 Prompt(含 Campaign Style Lock)作为 `prompt` 传入;工具如支持比例/尺寸参数,传入对应比例。
3. 如果用户提供了参考产品图,按 imagegen 工具的参考图/编辑参数传入。
4. 把返回的图片文件记录为 Generated Files;建议将文件移动或复制到 `generated-images/<产品slug>/` 目录,与本 Skill 的输出习惯保持一致。
5. imagegen 不可用或调用失败时,回退到通道 B。

### 通道 B:非 Codex 环境 → apiz CLI 脚本

claude code / OpenClaw 等其他环境使用 `scripts/generate_image.py`,脚本内部调用 **apiz CLI**(https://apiz.ai)提交生成任务并下载结果,不再直连任何 HTTP API。

前置条件(本机通常已就绪):

1. 已安装 apiz CLI(`apiz --version` 可执行)。
2. 已登录:`apiz auth login` 保存过 API key,或设置了 `APIZ_API_KEY` 环境变量。认证完全由 CLI 处理,脚本不接触密钥。

可选配置(通过 `.env` 或环境变量,全部可省略):

```dotenv
APIZ_IMAGE_MODEL=apiz/gpt-image-2.5-flare
# APIZ_API_KEY=sk-xxx        # 仅未使用 apiz auth login 时需要
# APIZ_BASE_URL=https://api.apiz.ai
# APIZ_BIN=C:\path\to\apiz.exe
```

- `APIZ_IMAGE_MODEL`:apiz 图片模型 id,默认 `apiz/gpt-image-2.5-flare`(GPT Image 2.5,支持参考图编辑、10 种比例、1K/2K/4K)。兼容旧别名 `IMG_MODEL`、`OPENAI_IMAGE_MODEL`、`OPENAI_MODEL`。
Read the full skill on GitHub

Details

Skill name
ecom-details-image
Repo updated
31 October 2026

FAQ

What does the Ecom Details Image skill do?

Create visual concepts, image-generation prompts, and optional AI-generated images for product hero images, marketing creatives, social posts, ads, ecommerce PDP visuals, and general visual design tasks. Use when the user asks for visual strategy, image prompt writing, product/marketing image direction, or direct text-to-image generation. In Codex environments use the built-in imagegen tool; elsewhere use the bundled script backed by the apiz CLI.

How do I install the Ecom Details Image skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add liangdabiao/ecom-details-image --skill ecom-details-image. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Ecom Details Image popular?

It lives in liangdabiao/ecom-details-image, which has 1,547 GitHub stars and 217 forks.

Related skills

Edit Timeline Studio

926

MartinDelophy/ai-video-editor

Analyze images, video, speech, motion, products, and websites; route local vision, audio, depth, tracking, matting, identity, and restoration models; auto-edit, replicate, enhance, caption, voice, assemble, annotate, validate, and export editable Timeline Studio projects and videos. Use for reference-video remakes, filter and repeated-shot reconstruction, subject-aware reframing, clip splitting, source-time speed curves, Color Wheels grading, ramps and holds, person or product cutout, person or object outline, authorized face swap, shot and timing reconstruction, timeline markers, chapters, be

Images, Video & AudioIn 1 list120

Female Portrait Director

1.7k

liyue-aigc/female-portrait-director

Generate, visually expand, optimize, diagnose, and route structured AI image prompts for adult female portraits. Use for lifestyle, curve-focused, fashion, oriental, fantasy, realism, beauty, CCD, low-key cinematic, studio, sport, travel, and e-commerce portrait requests; onboarding or usage help; parameter recommendations; prompt rewrites; image-to-prompt preparation; direct image generation; or identity- and product-preserving edits from authorized reference images. Preserve explicit user parameters and locked reference subjects while creating a coherent photography-directed scene.

Images, Video & Audio210

Guizang Material Illustration

1.2k

op7418/guizang-material-illustration

Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace reports, creator posts, tutorials, school materials, humanities topics, science explanations, screenshots, or chart data. Use when the user asks for 配图, 带字插图, 解释图, 图解插画, 概念拆解图, 图表美化, 数据图美化, 3D 图表, 汇报配图, 内容配图, 小学课文配图, 生物/化学/物理解释图, 人文类配图, process/loop/system diagrams, or wants GPT-Image / image generation to create supporting images that can sit inside social cards, docs, slides, PPTs, or posts.

Images, Video & Audio118

Capcut Edit

1.1k

renezander030/capcut-cli

Edit CapCut / JianYing video projects — read and write subtitles, timing, speed, volume, templates, animations (fade/ken-burns), and cut long-form to shorts. Use when the user mentions capcut, jianying, subtitles, video editing, draft_content.json, draft_info.json, or cutting videos — in English or Chinese (剪映, 字幕, 草稿, 剪辑, 切片, 视频编辑).

Images, Video & AudioIn 2 lists136

Ppt Image First

1.2k

NyxTides/ppt-image-first

Build presentation plans for PPT / slides / decks through a conversation-first workflow, then propose multiple visual directions with preview images before writing deck specs. Use when the user asks to create a PPT, presentation, deck, 答辩稿, 路演 deck, 产品介绍 PPT, 汇报 PPT, or when the user has only a topic or rough materials and needs help clarifying structure, style, and page planning before generation.

Images, Video & Audio92

Aso Appstore Screenshots

1.8k

adamlyttleapps/claude-skill-aso-appstore-screenshots

Generate high-converting App Store screenshots by analyzing your app's codebase, discovering core benefits, and creating ASO-optimized screenshot images using Nano Banana Pro.

Images, Video & Audio277

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.