media-plugin

Create diagrams, charts, graphs, maps, dashboards, infographics, wireframes, and other non-photographic visualizations. Routes work to Mermaid, D3.js, or Draw.io and applies domain-shape search and edge-routing checks for professional output.

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 draw icons manually — always fetch from these libraries. Supports browsing, searching, and using icons in code, Figma, or any design context.

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 ratios, resolutions up to 4K, reference image input, and Google Search grounding for realistic results.

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 commons photos, or reference material from the web.

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 use", "create image prompts for my project", "write prompts for image generation", "Unsplash query for...", or when building a media asset list for a design project. Works with any styleguide and delegates actual generation to media-plugin.

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 constraints, temperature for creativity, and duration settings.

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 models (multilingual, flash, turbo), stability/similarity/style controls, speed adjustment, and multiple output formats.

Author, optimize, animate, embed, validate, and debug SVG assets, including accessible and responsive SVG, React integration, filters, paths, logos, illustrations, patterns, and rendering QA. Use icon-library to source existing icons and graph-generation for charts or diagrams.

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 native audio generation.

Plan and brief media before producing or sourcing images, video, charts, diagrams, infographics, SVG, icons, music, or voice. For multi-asset deliverables, select only useful visuals, route each to the right medium, and keep one coherent style before delegating production.