skills.rest
idomyhomework
idomyhomeworkCOMMUNITY
Explore all skills by this author →
GitHub

image-generator

Generate three coordinated product prompts and an HTML prompt page.

Updated Dec 31, 2025
Search Tags:#prompts#image-generation#scroll-stopping#video-transition#html-page#prompt-page-template#coordinated-prompts
One-click install
npx skills add https://github.com/idomyhomework/shop-fastapi-react --skill image-generator-idomyhomework
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-generator
Source: https://github.com/idomyhomework/shop-fastapi-react/tree/main/.claude/skills/image-generator
Command: npx skills add https://github.com/idomyhomework/shop-fastapi-react --skill image-generator-idomyhomework

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill automates the creation of three coordinated prompts and a ready-to-use HTML page to produce scroll-stopping product visuals, saving time and guaranteeing consistency across assets.

Core Features & Use Cases

  • Generates Prompt A (assembled/hero shot), Prompt B (deconstructed/ exploded view), and Prompt C (video transition) for a chosen object.
  • Produces a premium HTML page using a provided template with portable prompts and one-click copy functionality.
  • Ideal for product shoots, before/after transformations, and visually-driven marketing content across e-commerce, social media, and ads.

Quick Start

Specify an object and I will generate three coordinated prompts plus a ready-to-use HTML prompt page.

Frequently Asked Questions about image-generator

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

FAQPage Schema
How do I generate coordinated image prompts for scroll-stopping product videos?▼

Generating coordinated image prompts for product videos requires a name and description defined in the frontmatter. The Skill uses these inputs to automatically produce three consistent prompts and a ready-to-use HTML prompt page.

What is an HTML prompt page template for image generation?▼

An HTML prompt page template is a portable viewer that organizes generated image prompts with one-click copy functionality. It requires an assets directory containing the template file to deliver the final hero, deconstructed, and transition prompts.

Can I use this prompt generator for before and after product transformations?▼

You can use this prompt generator for before and after transformations because it creates a deconstructed or exploded view shot alongside the hero image, ensuring visual consistency across e-commerce and social media assets.

Do I need any external dependencies to create an HTML prompt page for product visuals?▼

No external dependencies are needed to create an HTML prompt page for product visuals. The workflow relies solely on a frontmatter-defined name and description, an assets prompt-page-template, and an optional assets directory.

What's the best way to automate consistent prompt creation for e-commerce marketing visuals?▼

The best way to automate consistent prompt creation for e-commerce marketing visuals is to define the product name and description in the frontmatter, which triggers the generation of three coordinated prompts and a portable HTML viewer.

Related Skills

Explore More Design & Creative Skills→
abhimehroabhimehro
2

create-subagent

Create subagents by adding Markdown files with YAML frontmatter.

Community
Advanced
HarshodaiHarshodai

banner-design

Generate multi-format creative banners for social media, advertising, and web hero sections.

Community
Advanced
apexradiusapexradius

video-produce

Automate video production with Gemini API and ffmpeg.

Official
Advanced
shekerkammashekerkamma

presentation-styling

Apply standardized CSS classes and HTML patterns to web-based presentation slides.

Community
Basic