About gpt-image-slide
gpt-image-slide is a skill that orchestrates a complete workflow for creating slide images from a visual reference and a deck request. It guides users through design extraction, planning, prompt creation, and sequential rendering, while routing HTML-based slide work to a separate skill family.
Key features
- 01Extracts DESIGN.md from a visual reference
- 02Creates slide_plan.json
- 03Builds slide_prompts.json
- 04Renders page images sequentially
- 05Routes HTML slide requests elsewhere
Use cases
- 01Create a deck based on a reference slide
- 02Run the full GPT-image slide workflow
- 03Prepare slide plans and prompts before rendering
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ humantonylee/ future-slide --skill gpt-image-slideAfter installing, type/gpt-image-slidein Claude Code to confirm it loaded.
Details
From the project READMEGPT Image Slide Workflow
Use this skill when the user asks for the full GPT-image slide workflow, for example:
$gpt-image-slide- "create slide images from this reference slide and report"
- "make a deck with GPT image generation"
- "run the full future-slide image workflow"
This is the orchestrator. If the user asks for only one step, use the matching step skill instead:
$slide-designforDESIGN.md$gpt-image-slide-planforslide_plan.json$gpt-image-slide-promptforslide_prompts.json$gpt-image-slide-renderfor finalpage_<n>.pngimages
Required Sequence
Run these stages in order:
- Extract
DESIGN.mdfrom the reference slide image or visual reference. - Build
slide_plan.jsonfromDESIGN.md, user files, and the deck request. - Build
slide_prompts.jsonfromDESIGN.mdandslide_plan.json. - Render page images sequentially with Codex native image generation.
Do not skip ahead. Do not render before the prompt JSON exists.
Output Contract
The full workflow should leave these files in the workspace:
DESIGN.mdslide_plan.jsonslide_prompts.jsonpage_1.pngthroughpage_N.png
Routing Rule
If the user mentions HTML, browser-rendered slides, editable web slides, or export from HTML, use the html-slide skill family instead.