Agent skills
Media Claude skills and agent skills
What media skills do
Make images, video, audio and artwork from code. A skill is a folder with a SKILL.md: the agent reads its one-line description up front and loads the instructions only when a task matches, so a media skill costs almost nothing until you need it. The 7 here come from Anthropic, OpenAI, Remotion, ElevenLabs.
- Canvas Design · Anthropic
Create beautiful visual art in .png and .pdf documents using design philosophy.
- Slack GIF Creator · Anthropic
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts.
- Image Generation · OpenAI
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts.
All media skills
7 of 7 skills
- Canvas DesignOfficial · Anthropic
Produces posters and static artwork as PNG or PDF files, guided by a written design philosophy.
★ 184k (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add anthropics/skills --skill canvas-design - Slack GIF CreatorOfficial · Anthropic
Makes small animated GIFs sized and validated for Slack's emoji and message limits.
★ 184k (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add anthropics/skills --skill slack-gif-creator - Image GenerationOfficial · OpenAI
Generates or edits raster images such as illustrations, sprites, mockups and transparent cutouts.
★ 28k (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add openai/skills --skill imagegen - Remotion Best PracticesOfficial · Remotion
Entry point that routes to the right Remotion guidance for making videos in React.
★ 5.6k (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add remotion-dev/skills --skill remotion-best-practices - Remotion RenderOfficial · Remotion
Exports a Remotion composition to a finished video file.
★ 5.6k (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add remotion-dev/skills --skill remotion-render - ElevenLabs Speech to TextOfficial · ElevenLabs
Transcribes audio or video to text and subtitles with ElevenLabs Scribe.
★ 508 (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add elevenlabs/skills --skill speech-to-text - ElevenLabs Text to SpeechOfficial · ElevenLabs
Generates spoken audio from text with ElevenLabs voices in many languages.
★ 508 (repo)
Install (any agent)Claude Code, Codex, Copilot, Cursor, Gemini CLI steps →npx skills add elevenlabs/skills --skill text-to-speech
FAQ
What are media agent skills?+
Make images, video, audio and artwork from code. Each is a SKILL.md folder that Claude Code, Codex, Cursor, Copilot and other agents load when a task matches its description. This page lists 7, from Anthropic, OpenAI, Remotion, ElevenLabs.
What are the best media agent skills?+
Start with the ones from the publisher of the tool you use: Canvas Design (Anthropic), Slack GIF Creator (Anthropic), Image Generation (OpenAI), Remotion Best Practices (Remotion), Remotion Render (Remotion), ElevenLabs Speech to Text (ElevenLabs).
How do I install a media skill?+
Run npx skills add owner/repo --skill name and pick your agent, or copy the skill folder into ~/.claude/skills (Claude Code), .agents/skills (Codex) or .github/skills (Copilot). Each skill page has the exact command for Canvas Design and the rest.
More skills: Documents · Frontend & design · Testing & QA · Backend & databases · Cloud & DevOps · Security & auth · AI & ML · Workflow & planning · Writing & notes · Data & analytics · Mobile · Payments · Integrations · MCP servers