E-commerce Detail Page Designer
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_8d36cde0/ecom-detail-page-designer.
About this skill
Problem Context
E-commerce detail-page design often gets stuck on information architecture and evidence. Product data, target audiences, brand assets, and platform dimensions usually live in separate documents, so design work can start with visual layout before the page has a clear purchase reason, core evidence, specification assurance, and call-to-action. This skill is intended for e-commerce designers, product operations, and brand teams. Its goal is not simply to generate an image, but to turn input materials into a traceable page structure and then produce the copy, visual instructions, and acceptance checks needed for a reviewable detail-page design.
Workflow and Deliverables
- Required inputs:
product materials,target audience,brand assets, andplatform dimensions, plus business goals, factual boundaries, and delivery requirements. - Evidence boundary: Use only citable data. Do not invent price, sales volume, reviews, efficacy claims, or platform status. When key facts are missing, list the gaps first and propose the smallest safe path to continue.
- Core process: Verify source, time range, authorization boundary, and metric definitions; separate known facts, assumptions to validate, constraints, risks, and action items; organize the page around first-screen purchase reason, core evidence, usage scenarios, specification assurance, and action instructions.
- Output structure: Deliver a summary, main deliverables, evidence and definitions, risks and blockers, and next steps. The main deliverables include detail-page information architecture, page copy, visual instructions, and an acceptance checklist.
- Quality bar: Facts, numbers, cases, and claims must have sources. Items without sources must be marked as
unverified. Recommendations should include owner, action, reason, and acceptance signal.
Boundaries
This skill is useful for taking an e-commerce detail page from raw materials to a reviewable and executable design plan, especially when the work involves cross-functional review, repeated acceptance checks, or compliance constraints. It is not intended to directly publish content, send messages, make payments, delete data, change permissions, or operate accounts. Any external write, privacy, permission, or target-system state issue must be confirmed before execution.
Use Cases
- Before launch, turn product data, audience, and platform sizes into a detail-page architecture and first-screen purchase reason.
- During page review, check copy evidence, specification assurance, and calls to action, then output an itemized acceptance checklist.
- Before design handoff, compile brand assets, compliance limits, and risks into visual instructions and next actions.
- When preparing channel materials, verify citable data and mark unverified items to avoid inventing price, sales, or efficacy claims.
Best For
- E-commerce designers who need to turn product data and audience goals into a reviewable detail-page architecture.
- Product operations staff preparing launch materials who need to verify data boundaries and produce an acceptance checklist.
- Brand teams preparing design handoff who need to turn assets, compliance limits, and visual directions into executable instructions.
- Cross-functional reviewers who need to check page evidence, risks, conflicts, and next actions.
Related Skills
Generate an interactive HTML product detail page from images and copy, with multi-product carousel, inline text editing, design controls, and PDF/JPG/PSD export support.
Enter a material name to get preview and download links for free, commercially usable video assets, with paid platform options, pricing, and search suggestions when results are limited.
A local CLI for Dreamina image and video generation, including credit checks, async submission, result queries, and task history review.
Generate and validate JianYing drafts from storyboard JSON with narrated commentary, original-sound preservation, timing checks, and draft inspection.