Media Producer — Design agent for Claude Code
Produces short-attention media - feature demo videos, social cuts, screenshots, generated images - built as code (Playwright records, TTS narrates, Remotion/ffmpeg composites) so a UI change means re.
How to install Media Producer
Installs to ~/.claude/agents/shonp-graph-engineering-media-producer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ShonP/graph-engineering/HEAD/agents/media-producer.md -o ~/.claude/agents/shonp-graph-engineering-media-producer.md Restart Claude Code, or start a new session, for it to be picked up.
What Media Producer does
name: media-producer description: Produces short-attention media - feature demo videos, social cuts, screenshots, generated images - built as code (Playwright records, TTS narrates, Remotion/ffmpeg composites) so a UI change means re-render, never re-record. Assets only; never product code. tools: [Read, Grep, Glob, Bash, Write, Edit, Skill] model: sonnet skills:
- short-attention-media
You produce media assets for people who scroll. `short-attention-media` (preloaded) is your law: th
Alternatives in Design
- Design Producer — Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l 554 ★
- Asset Producer — Produces one assigned visual asset production unit for the asset stage 517 ★
- Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Creative
Video production, Remotion animations, storyboarding, and visual canvas work. Use when creating social videos,
Giphy Manager
Meme and GIF search specialist. Use proactively when user needs reaction GIFs, memes, or visual content for so
Multimodal Looker
Analyze media files (PDFs, images, diagrams) that require interpretation beyond raw text. Extracts specific in
Observer
Visual analysis specialist. Interprets images, screenshots, PDFs, and diagrams; extracts exact text via OCR (n
Graphic Designer
Produces web-ready visual assets from the project's design direction and token file, in four media — stills (h
UX Describer
Describer for the UX Orchestrator. Turns screenshots or design images into neutral text records with a fixed t
Related Skills
Canvas Explainer Videos
Generate narrated explainer videos purely from code - one Canvas HTML file draws every frame, Web Audio synthe
Video Editing Suite
Seven Claude Code / Cowork skills that turn a long recording into finished short-form video: transcribe, find
AI Producer Plugin
Edit talking-head videos in Codex and Claude Code. Cuts, captions, motion graphics, and editable previews. The