ec-visual

Generate marketplace head images and detail pages from product and reference images.

57|5|Updated May 5, 2026
One-click install
npx skills add https://github.com/oldred-byte/ec-visual-skill --skill ec-visual
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ec-visual
Source: https://github.com/oldred-byte/ec-visual-skill/tree/main
Command: npx skills add https://github.com/oldred-byte/ec-visual-skill --skill ec-visual

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the inconsistency and low conversion rates of e-commerce visuals by automating the planning and generation of marketplace-ready head images and detail pages. It ensures your product visuals are commercially accurate, consumer-focused, and visually coherent.

Core Features & Use Cases

  • Unified Visual Planning: Automatically plans 5 marketplace head images and 10 detail-page screens based on your product and reference images.
  • Consumer-Angle Mapping: Translates technical specs into consumer-facing benefits that pass the "so what?" test.
  • Hard-Rule Validation: Enforces strict e-commerce standards like the "Picture Solo Test," "No-Icon Rule," and "Set-Level Diversity" to ensure high-quality, professional output.
  • Use Case: If you are launching a new product, upload your product photos and a reference style guide to generate a complete, consistent, and high-converting visual set for your store listing.

Quick Start

Use the ec-visual skill to generate a complete set of 5 head images and 10 detail pages for the uploaded product and reference images.

Frequently Asked Questions about ec-visual

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate professional e-commerce visuals for a marketplace listing?

Generate professional e-commerce visuals by uploading product images and style references for automated planning of marketplace head images and detail pages, ensuring visual coherence and consumer-focused accuracy.

What is the best way to plan a complete set of e-commerce product photography?

The best way to plan e-commerce product photography is using automated visual system planning to map technical specs into consumer-facing benefits, producing a structured set of head images and detail screens.

How do you translate technical product specs into high-converting retail images?

Translate technical product specs into high-converting retail images by applying consumer-angle mapping, which converts features into consumer-facing benefits that pass the "so what?" test for marketplace listings.

Can I use reference images to maintain visual consistency across e-commerce detail pages?

You can use reference images to maintain visual consistency by enforcing set-level diversity constraints and hard-rule validation, ensuring your e-commerce detail pages remain commercially accurate and visually coherent.

Does automated image generation enforce e-commerce standards for marketplace listings?

Automated image generation enforces e-commerce standards through hard-rule validation, applying strict rules like the "Picture Solo Test" and "No-Icon Rule" to ensure professional, high-quality marketplace output.

What limitations exist when automating e-commerce visual system planning?

Limitations of automating e-commerce visual system planning include strict adherence to consumer-facing copy and visual proof grammar, requiring precise product and reference image inputs to avoid generating inconsistent retail visuals.