Product detail images
Skill jack-Li-C/product-detail-images-skill/plugins/product-detail-images/skills/product-detail-images
Generate product detail-image sets for ecommerce and B2B product pages. Use when the user asks for product detail images, listing images, feature posters, SKU image sets, or says `详情图`, `产品详情图`, `主图详情页`, or `generate detail images` for a product URL, product brief, or product photos. This skill is for source-faithful image generation: lock product appearance from real reference photos, use confirmed features and specifications only, avoid invented product structure, and save ordered outputs such as `1.png` to `5.png`.From its SKILL.md
npx -y skills add jack-Li-C/product-detail-images-skill --skill product-detail-imagesAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
16.6 KB, ~3.3k tokens by cl100k_base, as published. Nobody here has run it
Product Detail Images
Overview
Generate a product detail-image set that stays faithful to real product photos and confirmed product facts. Build the set from reliable source content such as feature lists, specifications, product-page copy, user-provided briefs, and local reference photos. Do not invent claims, hardware, materials, certifications, performance numbers, or unsupported use cases.
Prerequisites:
- A Codex environment with image generation support equivalent to
image2. - A product URL, product ID, copied product content, or user-provided product brief.
- User-provided product photos for appearance locking.
- Optional brand, style, or benchmark images if the user has an established visual direction.
Default operational split:
- First pass: collect the product facts, create a product-specific folder, and tell the user where to place appearance reference photos if they are missing.
- Second pass: after reference photos are available, lock product appearance and generate the ordered detail-image set.
Before generating, inspect any accepted benchmark images or brand examples the user provides. If no benchmark exists, use the style rules in this skill instead of stopping.
Workflow
- Read the product page, product brief, or supplied source content.
- Extract only confirmed features, specifications, materials, use cases, certifications, dimensions, and performance claims.
- Create a product-specific folder in the current workspace immediately.
- Tell the user to place product reference photos into that folder when they have not already done so.
- Lock the authoritative product appearance from local product photos or the exact user-provided correction image.
- Review any accepted benchmark set if available, then lock the target style direction before prompting.
- Plan a distinct topic for each slide.
- Generate the cover image first with
image2. - Generate later slides one by one with
image2as feature, benefit, detail, or application visuals. - Save the ordered set in the product-specific folder.
- Skip long final QA by default; deliver the saved files after lightweight sanity checks.
Gather Inputs
Collect these inputs before generating:
- Product URL, product ID, copied product content, or product brief.
- Product reference photos placed by the user into the product folder.
- Confirmed product features.
- Confirmed technical specifications or product attributes.
- Any brand style direction, benchmark images, aspect ratio, language, image count, or marketplace requirements.
- The exact appearance reference image if the user says
use this appearance,用这个外观, or attaches a corrected product image.
Prefer user-provided source material over guesses. If the page has multiple content sections, use the most factual sections first: feature list, specification table, official product description, certification list, and product gallery captions.
Fast Extraction Order
When the user gives only a product URL, use this fastest extraction order:
- Fetch the product page HTML first instead of browsing manually.
- Extract feature and benefit claims from factual page sections.
- Extract technical specifications from tables, structured data, or clearly labeled attributes.
- Extract the product name, model, SKU, or short slug and create the product folder in the current workspace.
- Tell the user where to place product reference photos if no usable local photos exist.
- Use a browser only when the page source and visible page seem inconsistent or the user already has the page open.
Do not treat vague marketing copy as a factual claim unless it is supported by specifications, product photos, or user confirmation.
Default Execution Contract
When this skill is triggered by a request like 给这个产品做详情图 plus a product URL or product brief, treat the request as a direct production task.
Default behavior:
- Do not stop after explaining the workflow.
- Do not stop after listing extracted features and specifications.
- Do not ask for confirmation just because the user provided only a URL or brief.
- If no local product reference photos are available yet, create the folder, report the extracted content and folder path, and wait for the user to place photos there.
- After reference photos are available, proceed from appearance lock to slide planning to image generation in the same turn whenever the source files are usable.
- Default to exactly 5 output images unless the source material is weak or the user asked for a different count.
- After generation, report the output folder. Do not include a long self-check unless the user asks for QA or points out a problem.
Only pause before generation when one of these is true:
- Product appearance references are missing or insufficient.
- Source facts are too thin to create a faithful detail-image set.
- Reference photos conflict materially with a user-provided correction image.
- The requested visual direction conflicts with the available product evidence.
Optional Style Benchmark
If the user has accepted benchmark images, use them for layout, atmosphere, typography, color rhythm, and image pacing. If no benchmark is available, use these stable style traits:
- Square or marketplace-appropriate poster format unless the user asks for another aspect ratio.
- Clean commercial composition with high product readability.
- Strong headline hierarchy with short, natural marketing copy.
- One core selling point per feature slide.
- Consistent typography, spacing, color accents, and icon style across the set.
- Realistic usage, inspection, packaging, installation, service, lifestyle, or application context appropriate to the product.
- No logo, brand mark, model number, SKU, certification badge, or marketplace badge unless the user explicitly asks and provides the asset or confirms the claim.
Use benchmark images for style only, never for copying product geometry, text, numbers, logos, or feature claims.
Lock Product Fidelity
Apply these rules before planning slides:
- Treat local product photos as the default highest-priority structure reference.
- If the user supplies a corrected appearance image, treat it as higher priority than the folder defaults.
- Keep the cover product depiction faithful to the real appearance.
- Do not beautify, redesign, simplify, or upgrade the product.
- Do not add unconfirmed screens, buttons, handles, panels, vents, ports, seams, accessories, labels, materials, colors, or variants.
- If one local reference image conflicts with the user-provided correction image, follow the user-provided correction image.
- Do not switch to manual cutout, pasted collage, or patch-edit assembly unless the user explicitly asks for image editing or compositing.
For physical products where structural accuracy matters, only 1.png should show the full product body by default. Later slides should use verified partial details, contextual use scenes, safe feature visuals, process visuals, or application visuals. Show the full product again only when the user asks for marketplace gallery variants or when the product category naturally requires multiple full-product views.
Plan The Slides
Default to 5 images unless the user asks for another count.
Use this slide structure:
1.png: cover image with the real product appearance and a strong product-category headline.2.png: strongest confirmed feature or benefit.3.png: second confirmed feature or benefit.4.png: third confirmed feature, verified detail, or parameter-supported value point.5.png: real-world application, service, packaging, installation, compatibility, or usage scenario grounded in the source facts.
Map slides 2.png onward to confirmed points such as:
- material, finish, surface, or build quality
- capacity, size range, compatibility, adjustability, or fit
- safety, hygiene, protection, stability, locking, cooling, heating, sealing, or durability
- ease of cleaning, installation, maintenance, carrying, storage, or operation
- included accessories or verified components
- application scenarios supported by the source content
If the product only supports a few strong points, generate fewer images rather than padding the set.
Feature-priority rule:
- Prefer confirmed feature lists and specification tables over generic promotional language.
- Use specifications only to support wording or when a parameter directly strengthens a confirmed feature.
- Do not turn random dimensions, power values, temperatures, capacities, or certifications into a slide unless they clearly support a real selling point.
Style Rules
Match the selected product category and audience:
- Use clean, commercial, high-contrast layouts.
- Keep text short, readable, and natural in the requested language.
- Use realistic product-relevant context rather than abstract effects when buyers need to understand real use.
- Keep the full set visually consistent.
- Prefer product-category-appropriate colors; use brand colors only when provided or confirmed.
- Avoid logos, brand marks, product model names, SKU codes, badges, and certification icons unless explicitly confirmed.
Default visual direction:
- cover image: premium ecommerce poster with product-faithful appearance
- feature slides: clear headline, short support line, one main visual idea
- final slide: realistic application, service, installation, or usage scene
Generation Method
Use image2 or the available image generator as the default production method.
Execution rules:
- Generate exactly one slide at a time.
- Do not build the set through manual compositing, pasted cutouts, collage assembly, or patching old generated images unless the user explicitly asks for that workflow.
- Do not treat the real product photo as a layer to paste onto a designed background by default.
- When the cover slide fails, regenerate it from scratch with tighter structure constraints.
- When a feature slide fails, regenerate that slide from scratch with a safer prompt.
- Do not switch to editing-based repair unless the user explicitly asks for image editing.
Later-Slide Restrictions
For 2.png onward:
- Do not invent product interiors, mechanisms, components, labels, ports, controls, or structural close-ups.
- Partial-detail close-ups are allowed only when the exact detail is visible in local product photos, official gallery photos, or a user-provided correction image.
- When verified detail photos exist, use those real details for relevant feature slides instead of replacing them with generic metaphors.
- If a concrete product detail cannot be confirmed visually or textually, leave it out.
- Use safe feature visuals, application scenes, material/process cues, usage context, packaging context, or verified partial details.
- For products with specific safe-use rules, match the real usage shown or described by the source. Do not invent unsafe or unsupported use cases.
Anti-Repetition Rules
During planning and generation, avoid repetition:
- Do not reuse the same prop, background, angle, scene, or composition with only text changes.
- Separate slides by topic, subject, perspective, mood, or use scenario.
- If two slides feel interchangeable, regenerate one.
Lightweight Sanity Checks
Before delivery, do only the minimum checks needed to avoid obvious mistakes:
- Confirm files are saved with the requested numeric names.
- Check for obvious misspellings, broken English, or awkward generated text.
- Check that no image text includes unrequested logos, brand marks, model names, SKU codes, badges, or certifications.
- Check that any concrete number, unit, material, compatibility claim, certification, capacity, or performance claim is confirmed in the current source material.
Do not perform or report a long final QA pass by default. If the user says a slide is wrong, reopen the relevant source image and generated image, compare them visually, and regenerate only the affected slide unless the user asks for a larger reset.
Delivery
Save the set in a product-specific folder and use stable numeric names:
1.png2.png3.png4.png5.png
If the user has an established workspace output folder, save there. Otherwise create a folder named after the product name, model, SKU, or short slug.
When helpful, also write a short generation-notes.md that records:
- source product URL or brief
- product name, model, or SKU
- confirmed features
- confirmed specifications or attributes
- image plan
- appearance-lock notes
- local reference files actually used
Prompting Pattern
Generate one image at a time instead of asking for all slides in one prompt.
Before the first generation call, write a compact internal slide plan covering:
- slide number
- source feature
- allowed visual subject
- forbidden visual subject
- headline text
- support line text
For the cover image prompt:
- State that the uploaded or referenced product photo is the exact appearance reference.
- Call out critical structure constraints.
- Describe the scene, typography, and copy layout.
- Say what must not be changed.
- Keep the composition aligned with any user-provided benchmark style, or with this skill's default commercial poster traits when no benchmark is available.
- Explicitly say that this is a full image generation, not a composite edit.
For later slides:
- Name the confirmed feature.
- Describe a safe visual metaphor, application visual, process visual, or verified partial-detail close-up.
- Define the headline, support line, and optional icon labels.
- Prefer full new generation over edit-based repair.
- Explicitly forbid unverified product interiors, invented hardware, unsupported use cases, and unconfirmed claims.
- If using a product detail, name the exact local reference file that confirms it and instruct the generator to match that detail rather than improvising.
Optional QA Gate
Use this full gate only when the user explicitly asks for QA, when a generated image appears structurally risky, or when fixing a user-reported problem:
- The cover still matches the product reference photos used for this run.
- Later slides map to distinct confirmed selling points, verified details, or application topics.
- No slide repeats the same composition logic so closely that two slides feel interchangeable.
- No copied numbers, units, specifications, or claims leaked from another product.
- No broken English, misspellings, or awkward marketing phrases remain.
- The set matches the selected style direction.
- No generated image contains an unrequested logo, brand mark, model name, SKU code, badge, or certification.
- Any later-slide product detail is visibly supported by reference photos and does not invent extra structure.
Quick Response Pattern
When the user says something like:
给这个产品做详情图参考这个产品生成的图片用这个外观为这款产品生成详情图generate product detail images for this listing
Do this:
- Read the product page, brief, or supplied content and collect confirmed features and specifications.
- Extract the product name, model, SKU, or slug and create the product folder in the current workspace.
- Tell the user to place product reference photos into that folder if they are missing.
- After the files are there, confirm the appearance source and any user correction image.
- Review any accepted benchmark set if the user provides one; otherwise use this skill's default commercial poster traits.
- Build the slide plan.
- Generate and save the images one slide at a time.
- Report the output folder without a long self-check. Let user feedback drive targeted fixes.
Do not stop after step 2 when the user has already placed the files. If the files are not there yet, stop after step 3 and wait for them.
Stop Conditions
Stop and ask the user to redirect only when:
- the product appearance reference is conflicting or unclear
- product reference photos are missing or insufficient to lock the cover image
- source facts are too weak to support a faithful image set
- the user wants a visual direction that conflicts with available product evidence
What ships with it: 1 file
220 B alongside SKILL.md
agents/
- openai.yaml220 B