claude

media-plugin

Media generation and manipulation for Claude Code — images, videos/GIFs, music, text-to-speech, and data visualizations (charts, graphs, diagrams, maps) using Google Gemini, D3.js, Mermaid, and Draw.io. A single visual-planning gate plus media-prompt-craft ensure every asset is clarified, styled, and reviewed before it's produced.

3 on GitHubby Lukas Kellersteinv1.15.1updated 6 days ago
/

Plugin media-plugin from marketplace claude-my-marketplace in lukaskellerstein/claude-my-marketplace. Commands read from the repo's manifest — 5 days ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use and it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (10)

  • graph-generation

    ALWAYS use this skill when the user asks to create, draw, design, produce, or generate any visual asset that is not a photograph or illustration. Fires on words like diagram, chart, graph, flowchart, architecture, system map, topology, sequence diagram, state machine, class diagram, ER diagram, C4,

  • icon-library

    Fetch pre-made SVG icons from open-source icon libraries (Lucide, Heroicons, Tabler Icons) for use in websites, presentations, Figma designs, or any project. Use when the user asks to "add an icon", "use a search icon", "find an icon for settings", "get SVG icons", or needs clean SVG icons. NEVER dr

  • image-generation

    Generate and work with images using the media-mcp server's generate_image tool. Use when the user asks to create images, generate visuals, make illustrations, create thumbnails, design graphics, produce concept art, create product mockups, or work with reference images. Supports multiple aspect rati

  • image-sourcing

    Find and download existing images from the web using stock photo services like Unsplash, Pexels, and Pixabay. Use when the user wants to find real photographs, stock photos, or existing images rather than generating new ones with AI. Also useful when the user needs royalty-free images, creative comm

  • media-prompt-craft

    Craft effective prompts for AI image/video generation and search queries for stock photo services. Translates design direction and styleguide choices into specific, style-consistent prompts. Use when the user asks to "find images for my site", "generate a hero image", "what kind of images should I u

  • music-generation

    Generate music and instrumental audio using the media-mcp server's generate_music tool. Use when the user asks to create music, background tracks, sound effects, ambient audio, jingles, or instrumental compositions. Supports weighted text prompts for blending styles, BPM control, musical scale const

  • speech-generation

    Generate text-to-speech audio using the ElevenLabs MCP server's text_to_speech tool. Use when the user asks to create voiceovers, narration, audio from text, spoken dialogue, podcast-style audio, audiobook readings, announcements, or voice content. Supports voice selection by name or ID, multiple mo

  • svg-mastery

    Expert knowledge for working with SVG (Scalable Vector Graphics) — optimization, embedding, animation, accessibility, responsive scaling, React integration, filters, and programmatic creation. Use when the user asks to "optimize SVG", "clean up SVG", "reduce SVG file size", "embed SVG in HTML", "inl

  • video-generation

    Generate videos and GIFs using the media-mcp server's generate_video tool. Use when the user asks to create videos, animations, GIFs, motion graphics, product demos, explainer clips, or video content. Supports text-to-video, image-to-video (animate a still image), and video extension modes with nati

  • visual-planning

    ALWAYS use this skill FIRST, before producing or fetching ANY media asset — an image, video/GIF, chart, graph, diagram, infographic, SVG/icon, music, or speech/voiceover — and before any stock-photo search. It is the mandatory pre-generation gate. For a SINGLE asset it runs a short brief — clarify t

Slash commands (2)

  • /media-plugin:media-assets

    List, organize, and manage generated media assets in the output directory

  • /media-plugin:media-generate

    Generate a media asset — image, video, music, or speech — with guided prompts and sensible defaults

Subagents (1)

  • media-director

    Orchestrates multi-media production by combining image, video, music, and speech generation into cohesive media packages. Use when the user needs multiple media assets that work together, such as a video with voiceover and background music, a presentation with generated visuals, or a complete media

MCP servers (5)

  • media-mcp

    runs: uvx media-mcp

  • ElevenLabs

    runs: uvx elevenlabs-mcp

  • mermaid

    connects to: https://mcp.mermaid.ai/mcp

  • drawio

    runs: npx -y @drawio/mcp

  • media-playwright

    runs: npx @playwright/mcp@latest --headless

Hooks (2)

  • PostToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/postprocess-drawio.sh

  • PostToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/hooks/check-svg.sh

View source on GitHub

More from lukaskellerstein/claude-my-marketplace

All 13 plugins →

spex

claude

Spec-driven development in small, checkable files, where the one who writes a claim never writes its proof. A raw idea is shaped into spec.md in rounds, with sized holes and research in parallel subagents, until the person says done; a big design becomes a roadmap of planned steps, shaped one at a time as their dependencies are built. The spec becomes EARS requirement records, the records become tasks sized for one agent run, and a test-analyst subagent writes the proof plan (tests.yaml) for every scenario and every task: scripts a driver runs, or sessions a tester performs in a browser (the bundled Playwright MCP) or against an API. Test developers write the scripts red before any code; developers build; a bundled script — not the model — gates every stage, decides when a task is done, verifies the whole feature at the tree that ships, and merges through the forge CLI. A failing test is judged by a decider (test, code or spec?) and fixed by the agent that owns it, never by the person; no task and no test may name a person as an actor. Every skill is user-invoked only.

12 skills · 7 agents · 1 MCP server

3

demo-video-plugin

claude

Turns a project repo into a narrated, edited demo video. Reads the codebase, writes a storyboard with real narrative value, prepares deterministic demo state, drives the UI with Playwright (web, launched Electron, or an attached running app) recording one clip per section with Playwright video or OBS over obs-websocket, generates ElevenLabs voiceover, reconciles measured durations into a timeline, and renders the final cut with Remotion or exports it as a Final Cut Pro project dressed with Motion templates, MotionVFX DesignStudio elements first-class.

9 skills · 5 agents · 2 MCP servers · hooks

3

web-design-plugin

claude

End-to-end website/webapp design and implementation — from brief to working React/Vite code. Orchestrates design direction, content architecture, media generation, parallel per-page implementation, and visual testing with an opinionated anti-slop workflow.

4 skills · 1 command · 11 agents · 1 MCP server

3

dev-tools-plugin

claude

General developer tooling — read-only thinking and Q&A, git workflows, code hygiene, dependency management, and project documentation generation. Every skill is user-invoked only: Claude never starts a merge, an upgrade or a docs rewrite on its own.

8 skills · 1 agent · 1 MCP server

3

design-plugin

claude

Design direction and creative guidance for Claude Code — styleguides, aesthetic strategy, typography pairings, color mood systems, and design review. The 'taste layer' that makes AI-assisted design intentional rather than generic. Works with media-plugin (which now owns media prompt crafting) for asset generation.

4 skills · 1 command · 1 agent

3

infra-plugin

claude

Infrastructure management for Kubernetes/GKE, Istio service mesh, and authentication (Keycloak, OAuth2-proxy). Includes Helm charts, Terraform IaC, and Traefik reverse proxy.

6 skills

3

Similar plugins

hyperframes

claudecodex

Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.

22 skills

heygen-com/hyperframes 83,516

marketing-skills

claudecodex

53 marketing skills for technical marketers and founders: CRO, copywriting, cold email, prospecting, SEO, AI SEO, paid ads, SMS, ad creative, video production, image generation, co-marketing, churn prevention, pricing, referrals, revenue operations, sales enablement, customer research, site architecture, comprehensive AARRR-structured marketing plans, public relations and earned media, offer design, event marketing and webinars, and more

53 skills

coreyhaines31/marketingskills 59,996

canva

claudecodex

Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

12 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

social-publishing

claudecodex

Schedule and publish social media posts across 13 platforms (X, LinkedIn Profile + Page, Instagram Business + Standalone, Facebook Pages, TikTok, Discord, Telegram, YouTube, Reddit, WordPress, Pinterest) via SocialClaw — one workspace API key covers everything

1 skill · 1 agent

wshobson/agents 42,461

Adspirer

claude

Cross-platform ad management for Google Ads, Meta Ads, TikTok Ads, and LinkedIn Ads. 91 tools for keyword research, campaign creation, performance analysis, and budget optimization.

15 skills · 5 commands · 1 agent · 1 MCP server

anthropics/knowledge-work-plugins 35,601

marketing-skills

claude

47 marketing skills across 8 pods: Content, SEO & AEO, CRO, Channels, Growth, Intelligence, Sales enablement, and X/Twitter growth. 62 Python tools, 89 reference docs.

47 skills · hooks

alirezarezvani/claude-skills 29,725

Maintain media-plugin?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins13 plugins