Générateur de pages détail e-commerce

VérifiéPrudence

Transforme des photos produit et un brief minimal en pages détail e-commerce vérifiées et adaptées aux plateformes, avec copy localisée, génération d’images et validation.

Spar Skills Guide Bot
ContenuIntermédiaire
18/09/2026
Claude Code
#ecommerce#listing-design#image-generation#product-copy#platform-adaptation

Recommandé pour

Synthèse automatique

Transforme quelques photos produit et un brief minimal en un système de page détail e-commerce vérifié et adapté à une plateforme, avec analyse visuelle, copy localisée, plan de modules et export d'images découpées via Pillow.

Points forts

  • Sépare explicitement les faits fournis par l'utilisateur, observables sur l'image et non confirmés, et interdit la publication de ces derniers
  • Profils de plateforme fournis pour 淘宝/天猫, 京东, 拼多多, 抖音, 小红书, Amazon, AliExpress, Temu, TikTok Shop, eBay, Etsy et Shopify, avec règles de re-vérification
  • Utilise la génération d'images uniquement pour les bases visuelles et réserve le texte exact, les dimensions et le découpage à une composition Pillow déterministe
  • Produit des livrables contrôlables : manifestes, aperçus de page longue et validation automatisée

Limites

  • Suppose que l'environnement expose bien les outils image_gen et view_image ainsi que les fichiers de références
  • Les règles plateformes peuvent être obsolètes : une re-vérification web est requise pour les profils anciens ou les produits réglementés
  • La skill s'arrête et pose une question dès qu'un fait manquant est nécessaire, ce qui allonge le cycle de production
Quand l'utiliser

À utiliser lorsqu'un vendeur dispose de photos produit et d'un brief court et veut une page détail multi-modules prête à réviser pour une place de marché précise.

Quand l'éviter

À éviter si aucune image produit n'est disponible, si l'on attend des visuels entièrement générés avec du texte, ou si les spécifications techniques doivent être publiées sans validation humaine.

Analyse de sécurité

Prudence
Score qualité88/100

The skill is not malicious: it contains no destructive commands, secret exfiltration, obfuscated payloads, or safety-disablement. However, it uses powerful tools—image generation, image inspection, web access, and local Python execution—without declared allowed-tools or visible script auditing, so it warrants caution rather than safe.

Points d'attention
  • •No allowed-tools are declared, but the skill instructs use of image_gen, view_image, python3, web verification, and local script execution.
  • •It instructs running a local composer script (scripts/compose_detail_page.py) whose contents are not shown in SKILL.md; this is a legitimate but unaudited execution risk.
  • •It allows web reverification of platform rules, introducing network access for legitimate compliance checks.
  • •It references external reference files and schemas that are not included in the provided SKILL.md, so behavior depends on packaged assets.
Comment cette analyse est faite

Exemples

Taobao detail page from photos
Here are three photos of my ceramic mug and the brief: 淘宝, 陶瓷马克杯. Build the 详情页 modules, tell me which facts you still need, and export the sliced images plus a manifest.
Amazon A+ content
Platform: Amazon US. Product: stainless steel insulated water bottle. Images attached. Plan 6-8 A+ modules using only visible or confirmed facts, then compose the final copy with Pillow at Amazon image sizes.
TikTok Shop listing gallery
I sell a kids' LED night light on TikTok Shop UK — one product photo is attached. Check what platform rules and safety claims apply before generating anything, then produce the gallery slices and a long-page preview.

name: ecommerce-detail-page-generator description: Turn product photos and a minimal brief into verified, platform-adapted e-commerce detail-page systems, including product fact review, visual analysis, localized copy, 6-10 module story planning, policy-aware text-free image generation or real-photo routing, deterministic Pillow typography, platform-sized slices, long-page previews, manifests, and automated validation. Supports 淘宝/天猫/京东/拼多多/抖音/小红书/Amazon/AliExpress/Temu/TikTok Shop/eBay/Etsy/Shopify. Use when a user asks for 电商详情页, 商品详情图, 商详设计, A+ content, listing galleries, or a short-input workflow that turns product photos into ready-to-review commerce assets without inventing unsupported claims.

E-commerce Detail Page Generator

Create a platform-adapted product story from a minimal brief while preserving product truth. Use image generation for visual bases only where the platform permits synthetic imagery; use Pillow composition for exact copy, dimensions, slicing, and manifests.

Required Input Gate

Require exactly these three inputs before planning or generating:

  1. Target platform, including country/site when relevant.
  2. At least one clear product image.
  3. Product name or category.

Do not call image_gen before this gate passes.

If one required input is missing, ask only for the single most important missing item. Do not present a long form.

After the gate passes, distinguish every fact as:

  • user: explicitly supplied by the user.
  • visible: directly observable in an uploaded image.
  • unconfirmed: plausible but not verified.

Never publish an unconfirmed fact. Do not infer hidden materials, dimensions, capacity, performance, certification, compatibility, ingredients, medical effects, price, discount, sales, reviews, warranty, package contents, or unseen product surfaces.

If the proposed page needs one of those facts, ask one concise question and stop generation until answered. If several facts are missing, ask first for the one that changes the primary selling proposition or compliance status.

Platform Routing

  1. Read references/platform-profiles.json.
  2. Resolve the user's platform through aliases.
  3. Read the matching section of references/platform-style-guide.md.
  4. Reverify rules on the web before generation when:
    • the profile is older than its reverify_after_days;
    • a rule is marked seller_backend_confirmation;
    • the platform/site is not covered;
    • the product is regulated, health-related, for children, battery-powered, ingestible, cosmetic, or safety-sensitive.
  5. Prefer official seller documentation. Treat dimensions from non-official sources as a working canvas, not a platform guarantee.

Platform rules modify export shape, information density, module order, typography, and sales rhythm. They must not erase the product's own visual identity.

Product Analysis

Inspect all product images and create brief.json with:

  • product name, platform, locale, category, and supplied image paths;
  • a visual fingerprint: dominant colors, geometry, finish, material appearance, visual temperature, perceived price tier, likely audience, and photographic cues;
  • facts grouped by user, visible, and unconfirmed;
  • prohibited claims and open questions;
  • a short design direction derived from the product rather than from a generic template.

For local images, load them with view_image before analysis. When multiple images exist, label each as front, back, side, detail, packaging, scale, or unknown.

Page Architecture

Read references/category-playbooks.md, then select 6-10 modules. Use only modules supported by verified facts.

Default story arc:

  1. Product-led hero and primary promise.
  2. Customer problem or desired outcome.
  3. Primary differentiator.
  4. Supporting features or details.
  5. Real use context.
  6. Operation, fit, or sizing guidance.
  7. Verified specifications or package contents.
  8. Trust, care, compatibility, or closing summary.

Omit comparison, certification, review, guarantee, discount, and before/after modules unless the user provides evidence.

Write concise copy. Prefer one headline, one support line, and up to three proof points per module. Localize for the target market instead of translating literally.

Represent the complete plan as page-spec.json conforming to references/page-spec.schema.json.

Visual Generation

Load the system imagegen skill before using image_gen. Read references/prompt-recipes.md.

Generate one text-free visual base per module that needs new imagery. Repeat these invariants in every prompt:

  • preserve product geometry, color, proportions, controls, openings, labels, and logo placement from the references;
  • do not invent unseen product sides, accessories, packaging, or usage outcomes;
  • no text, letters, numbers, badges, watermarks, UI, or fake certification marks;
  • leave intentional negative space matching the module layout.

Use separate calls for separate modules. Do not ask one generation to create a full long page.

Platform exceptions:

  • tiktok-shop: official listing rules prohibit digital renderings and added text in product images. Build listing modules from the user's real photos with deterministic crops only; keep copy in copy.md.
  • etsy: use the seller's original photos of the actual item. Do not replace them with generated product renderings. Generated moodboards are concept-only and must not be labeled upload-ready.
  • When a platform profile sets image_text_policy to forbidden, set each module's text_mode to none.

Composition and Export

Save generated or selected module bases inside the project output directory, then run:

python3 scripts/compose_detail_page.py \
  --spec <path/to/page-spec.json> \
  --brief <path/to/brief.json> \
  --output <path/to/ecommerce-detail-output/product-slug>

The composer must create:

  • brief.json
  • page-spec.json
  • copy.md
  • modules/01-*.jpg or .png
  • detail-page-long.jpg
  • manifest.json

For Amazon A+, TikTok Shop, Etsy, and eBay, treat module files as the primary deliverable and the long image as review-only. For domestic long-detail platforms, both slices and the long preview are deliverables.

Run validation:

python3 scripts/validate_output.py \
  --spec <path/to/page-spec.json> \
  --output <path/to/ecommerce-detail-output/product-slug>

Fix errors before delivery. Warnings about seller-backend confirmation must remain visible in manifest.json.

Quality Bar

Reject or regenerate a module when:

  • the product shape, color, logo, controls, or included parts drift;
  • text overflows, becomes too small, or falls outside safe margins;
  • two adjacent modules repeat the same composition;
  • the page looks like a generic template rather than the supplied product;
  • a claim lacks a user or visible source;
  • the output violates the selected platform's image or AI-content policy.

Deliver the final paths, platform profile used, unresolved backend checks, and any modules restricted to preview-only use.

Resources

  • references/platform-profiles.json: machine-readable platform rules and evidence metadata.
  • references/platform-style-guide.md: platform visual and conversion systems.
  • references/category-playbooks.md: category-specific module choices.
  • references/prompt-recipes.md: reusable image-generation prompt patterns.
  • references/page-spec.schema.json: composition contract.
  • scripts/compose_detail_page.py: exact text layout, slicing, long preview, and manifest generation.
  • scripts/validate_output.py: structural and rendered-output checks.
  • scripts/test_pipeline.py: isolated four-platform regression test.

Du fichier au premier essai

Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.

Consulter la source et ses fichiers annexes

Ce téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.

1. Télécharger le fichier

Télécharger SKILL.md

Depuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.

Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.

mkdir -p '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/e-commerce-detail-page-generator-mu6gupx7/download' --output '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md.part' && mv '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md.part' '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md'

2. Vérifier les prérequis

Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.

Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.

Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.

3. Charger la skill

Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.

Claude Code
test -f '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md' && test -s '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/ecommerce-detail-page-generator' && cp -R '.skill-downloads/e-commerce-detail-page-generator-mu6gupx7' '.claude/skills/ecommerce-detail-page-generator'

OpenSkills

OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.

Installation officielle d’OpenSkills
openskills install './.skill-downloads/e-commerce-detail-page-generator-mu6gupx7'

openskills read 'e-commerce-detail-page-generator-mu6gupx7'

La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.

Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.

openskills sync

Mode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.

4. Faire un premier essai

Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :

Lis .skill-downloads/e-commerce-detail-page-generator-mu6gupx7/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.

Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.

Skills similaires