ecom-details-image
A skill for e-commerce visuals: builds prompts and generates product hero shots, cards and ad images from tested recipes
Medium risk
We rate an entry medium when the tool runs code, makes network calls or reads project files. Check what exactly it does before installing.
Why this level
- The generation mode calls a paid service with your API key
- The skill reads and writes image files in the project
Install
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/ecom-details-imageDetects the agents on your machine, checks the risk and pins the version.
Other ways to install
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a claude-code -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .claude/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .claude/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a cursor -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a github-copilot -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .github/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .github/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a codex -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a gemini-cli -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .devin/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .devin/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Formerly Windsurf.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a cline -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .cline/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .cline/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a roo -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .roo/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .roo/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
A fork of Roo Code, same .roo folders.
Run in a terminal in the project folder
npx skills add liangdabiao/ecom-details-image --skill ecom-details-image -a opencode -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Without third-party tools, from commit 663d33b
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Run in a terminal in the project folder
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/liangdabiao/ecom-details-image.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /.claude/skills/ecom-details-image/
git -C "$tmp" checkout 663d33bd4400f80c312838e7b5dafe248ab31674
mkdir -p .agents/skills
cp -R "$tmp/.claude/skills/ecom-details-image" .agents/skills/ecom-details-imageCommands for macOS and Linux, on Windows run them in Git Bash.
Clone https://github.com/liangdabiao/ecom-details-image.git into the skills directory; for generation set IMG_BASE_URL, IMG_MODEL and IMG_API_KEY through your own environment, without writing the key into the repository.
Other ways from the author
git clone https://github.com/liangdabiao/ecom-details-image.git ~/.claude/skills/ecom-details-imageFor the generation mode set IMG_BASE_URL, IMG_MODEL and IMG_API_KEY through your environment.
This is third-party code. Review the repository files before installing.
What it does
ecom-details-image helps an agent prepare shop imagery. The skill works in two modes: in the first it outputs a visual brief and a ready prompt, in the second it also generates an image through an OpenAI-compatible generation interface. It builds on a set of tested recipes for different visual types: a hero shot on a plain background, scene shots, flat lays and product cards. The user provides a product photo and a task description, and the skill picks a recipe and returns the result.
Who it is for. For marketplace sellers, marketers and designers who need product visuals.
Good fit when
- You need hero shots and product cards from a product photo
- You need a ready prompt to generate an ad image
- You need visuals from tested recipes without hand-tuning
Not a fit when
- You need manual professional photography rather than generation
- You have no key to a compatible image-generation service
Example request
Make a hero shot of this product on a plain background and a card versionLimitations
The generation mode needs access to an OpenAI-compatible service and your own API key, set through environment variables and not stored in the repository. The recipes cover a specific set of visual types. Output quality depends on the source photo and the generation model.
How to disable. Delete the skill folder from .claude/skills and remove the configured environment variables with the key.
Security check
- The generation mode calls a paid service with your API key
- The skill reads and writes image files in the project
README in short
The README describes ecom-details-image as a skill for e-commerce visuals for Claude Code, Codex and other agents. It has a brief mode with a ready prompt and a generation mode through an OpenAI-compatible interface. It builds on tested recipes: hero shots, scene shots, flat lays and product cards. The API key is set via environment variables and not stored in the repository. The skill installs by cloning into the skills directory.
SKILL.md
--- name: ecom-details-image description: Create visual concepts, image-generation prompts, and optional AI-generated images for product hero images, marketing creatives, social posts, ads, and ecommerce PDP visuals. Use when the user asks for visual strategy, image prompt writing, product/marketing image direction, or direct text-to-image generation with their own OpenAI-compatible API. --- # ecom-details-image Skill Two modes: brief and prompt only, or generate mode that outputs the final prompt and then calls the image script. Never expose, request, write, commit, or echo a real API key; the user configures the API through their own environment variables.
FAQ
Does the skill only write prompts?
No, there are two modes: brief and prompt only, or additionally image generation through a compatible service.
Where does the generation key come from?
The key is set via environment variables and used with an OpenAI-compatible generation interface; it is not stored in the repository.
Related
Skills and CLI from HeyGen: the agent writes HTML compositions and renders them into MP4 videos, captions, motion graphics and decks
Blender MCP
MCP for Blender
An MCP server and Blender addon: the agent creates and edits objects, materials and scenes, pulls assets and runs Python in Blender
Official Remotion skills for making videos in React: compositions, animation, captions, maps and rendering
Agentic video studio for Claude Code, Cursor and Codex: script, voiceover, images, stock footage, music, subtitles and render