Media Generation Skills

Media generation skills cover image generation, pixel art, animation, sound, diagrams, presentations, and asset pipelines. Source: Skill Registry, 2026-11-02

When To Use This

Use this family for image generation, image-to-code, sound, diagrams, slides/doc artifacts, pixel/sprite work, Blender/Substance pipelines, and generated visual assets.

Core Model

Executable behavior lives in skills/**/SKILL.md. This page owns family-level routing, tradeoffs, and failure modes. Exhaustive inventory lives in Skill Registry. Full retired article bodies live in Retired Skill Article Ledger.

Concept Position

Axis	Value
Family	Generated skill-family synthesis
Concept owned	Media generation skills cover image generation, pixel art, animation, sound, diagrams, presentations, and asset pipelines.
Operationalizes into	Skill Registry, Skill Resolver, executable `SKILL.md` source
Use this page when	choosing the right skill family before loading executable source

Decision Matrix

Need	Route
Choose provider/tool by artifact type.	Load the named SKILL.md from Skill Registry and use this page for context.
Keep source intent and brand/taste constraints explicit.	Load the named SKILL.md from Skill Registry and use this page for context.
Inspect generated artifacts.	Load the named SKILL.md from Skill Registry and use this page for context.

Do Not Confuse

Frontend implementation belongs in frontend-design-skills.
Google Workspace document operations belong in google-workspace-skills.

Tool And Skill Routing

Skill	Category	Origin	Executable source	Trigger signal
cad	engineering	external	skills/engineering/cad/SKILL.md	Create, modify, inspect and validate STEP-first parametric CAD parts and assemblies from specs, reference images or 2D drawings, with Python CAD source, joints, measurements and STL, 3MF...
codex-pet	misc	personal	skills/misc/codex-pet/SKILL.md	Make a Codex Pet through RunComfy when `$imagegen` or Codex Pro is unavailable: one GPT Image 2 edit from a reference image, assembled into spritesheet.webp and pet.json in the Codex pets...
diagram-to-html	misc	personal	skills/misc/diagram-to-html/SKILL.md	Make publication-quality diagrams and infographics by ideating with AI image generation, then rebuilding them as pixel-perfect HTML with custom fonts. Use when asked for a diagram, infogr...
elevenlabs-sfx	misc	personal	skills/misc/elevenlabs-sfx/SKILL.md	Generate sound effects and ambient audio as MP3 files with the ElevenLabs Text-to-Sound-Effects API, with variations and playback. Use for any sound effect or SFX request, or on /elevenla...
hatch-pet	misc	personal	skills/misc/hatch-pet/SKILL.md	Create, repair, validate and package Codex-compatible animated pets and 8x9 pet spritesheets from character art, generated images, brand cues or references, with QA contact sheets and pet...
illo	engineering	unknown	skills/engineering/illo/SKILL.md	Create editorial illustrations where a recurring mascot performs the idea: a scene, an explainer diagram or a cutout, in 17 bundled looks, or "surprise me" with `--autopick`. Use only whe...
media-use	engineering	unknown	skills/engineering/media-use/SKILL.md	Use to get or make media for a HyperFrames video: music, sound effects, images, icons, logos, voiceover, avatars, generated video, transcripts, cutouts and colour grades, with HeyGen or f...
remocn	engineering	unknown	skills/engineering/remocn/SKILL.md	Build Remotion videos with remocn, a shadcn registry of animation components and video UI primitives: text reveals, transitions, typewriter, terminal, code blocks, dialogs. Use for Remoti...
remotion-best-practices	engineering	unknown	skills/engineering/remotion-best-practices/SKILL.md	Write, review, debug and render Remotion video code in React: compositions, sequences, transitions, captions, audio, FFmpeg, Three.js and R3F scenes, voiceovers and deterministic exports....
teardown	engineering	unknown	skills/engineering/teardown/SKILL.md	Draw technical illustrations of physical objects and how things work, such as display pixels or interface layers, with coherent views, fine linework and part fills. Use when the user asks...
web-font-optimization	engineering	personal	skills/engineering/web-font-optimization/SKILL.md	Make web fonts load faster without changing rendering: measure usage, subset into a preloaded core and a unicode-range file with a committed script, prove it with pixel diffs. Use when fo...

Failure Modes

Using atmosphere instead of inspectable assets.
Skipping artifact inspection.
Letting generated media override product clarity.

Timeline

2026-11-02 | Regenerated this concise family synthesis page from Skill Registry after archiving verbose retired skill-article bodies to Retired Skill Article Ledger. private page
2026-11-02 | Concepts category refresh linked this generated family page to Concept System Map and kept it generated because executable skill source owns the procedure details. private page