Gen Gallery — Development skill for Claude Code
Build a self-contained HTML gallery of all generated media (image/audio/video).
How to install Gen Gallery
Installs to ~/.claude/skills/sherifbutt-claude-image-tts-gen-gen-gallery/SKILL.md
mkdir -p ~/.claude/skills/sherifbutt-claude-image-tts-gen-gen-gallery && curl -fsSL https://raw.githubusercontent.com/sherifButt/claude-image-tts-gen/HEAD/commands/gen-gallery.md -o ~/.claude/skills/sherifbutt-claude-image-tts-gen-gen-gallery/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Gen Gallery does
description: Build a self-contained HTML gallery of all generated media (image/audio/video) argument-hint: [--modality image|tts|video] [--provider ...] [--open] allowed-tools:
- mcp__claude-image-tts-gen__gallery
- mcp__claude-image-tts-gen__session_spend
Build an HTML gallery of everything generated by this plugin: $ARGUMENTS
Use the `gallery` MCP tool. It scans the image/audio/video output directories, reads each file's `.regenerate.json` sidecar, and writes a self-contained `ga
Alternatives in Development
- Offer Toolkit Skill — Full job-hunt Claude skill bundle — Job Description decoder + Resume builder (11 templates) + Behavioral Inter 335 ★
- Media — Understand an audio / video / image file — Antigravity (agy/Gemini) transcribes and analyzes it, returning a t 284 ★
- Product Teardown Skill — Principal-PM-level product-teardown skill — reverse-engineer any product as a system and render a bilingual (E 120 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Explainer Reel Skill
Claude Code skill: build a self-playing animated explainer reel - one self-contained HTML file that plays like
Gen Avatar
Generate a talking-avatar (lip-sync) video from an image + speech audio
Open It
Open the most recently created file in the best app for it (HTML/PDF → Chrome, video/audio → Media Player Clas
Motion Launch Videos
Claude Code plugin + skill: turn a short brief into a looping kinetic-typography launch video. One self-contai
Serve Docs
Start a local HTTP server to browse the Plans gallery and Media library HTML files.
Aesthetic Blanks
Isolated, independent aesthetic website templates (parts-clones). Each site is a self-contained Next.js wirefr
Related Agents
Media Orchestrator
Creates, optimizes, and orchestrates media assets — images (ResGrid, AVIF/WebP), video (clips, GIFs, Veo), aud
Production Agent
Executes a creative concept into an actual campaign image (and, only after explicit request and an approved im
Media Lead
Use for content — post copy, image briefs (text-to-image prompts), short video scripts, brand voice, content c