> ## Documentation Index
> Fetch the complete documentation index at: https://usefulai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Best Image, Video, and Audio Plugins, Skills, and MCP Servers in 2026

> Research-backed image, video, and voice plugins, skills, and MCP servers from official vendors and cross-modal platforms.

<div className="uai-updated-row">Updated July 26, 2026</div>

These extensions put real media generation behind an agent. Official vendor servers create and edit images, video, avatars, and speech; cross-modal platforms open a whole model catalog through one account; a couple of skills need no account at all. Pick by modality - the platform entries appear under every modality they serve.

<div className="uai-extension-directory-v2 uai-dep-page uai-plugin-category-template-page uai-extension-variants-page uai-subgroup-page">
  <div className="uai-extension-filters uai-subgroup-chips" role="group" aria-label="Filter by subcategory">
    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-all" defaultChecked />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-all">All</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-images" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-images">Images</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-video" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-video">Video</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-audio" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-audio">Audio</label>
  </div>

  <div className="uai-overview-table uai-overview-table--ranked uai-overview-table--lead-icon">
    |                                                                                                         # | Name                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Best for                              | Est. installs <Tooltip tip="Estimated from thousands of public install signals including: marketplaces, directories, package downloads, and public code references." cta="Our full methodology" href="/plugins#how-we-estimate-installs"><span className="uai-tip-icon"><Icon icon="circle-info" size={12} color="currentColor" /><span className="uai-sr-only">About install estimates</span></span></Tooltip> |
    | --------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
    |                                                                       1<span className="uai-sgm-video" /> | <a href="#remotion" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/remotion.dev.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=4786432c201e3efdd702006ad1625f3e" alt="" noZoom width="48" height="48" data-path="images/icons/48/remotion.dev.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Remotion</span></span></a>                                                                                       | Programmatic video in React           |                                                                                                                                                                                                                                                                                                                                                                                                        **300K** |
    |                                                                       2<span className="uai-sgm-video" /> | <a href="#hyperframes" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/hyperframes.heygen.com.png?fit=max&auto=format&n=5xfT_ObZX_-BobJd&q=85&s=e786fb94a65bd90d9b39b490fc6b026a" alt="" noZoom width="48" height="48" data-path="images/icons/48/hyperframes.heygen.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">HyperFrames</span></span></a> | Plan-render-review video pipeline     |                                                                                                                                                                                                                                                                                                                                                                                                        **240K** |
    |                                                                       3<span className="uai-sgm-video" /> | <a href="#higgsfield" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/JZ9fR2-fsND2566q/images/icons/48/higgsfield.ai.png?fit=max&auto=format&n=JZ9fR2-fsND2566q&q=85&s=61f937fc6432c8e365000ed3a4a6fbaf" alt="" noZoom width="48" height="48" data-path="images/icons/48/higgsfield.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Higgsfield</span></span></a>                                                                           | Seven-skill media generation bundle   |                                                                                                                                                                                                                                                                                                                                                                                                        **100K** |
    |                                                                       4<span className="uai-sgm-audio" /> | <a href="#elevenlabs" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/gagbTTg8B6ywPGFE/images/icons/48/elevenlabs.io.png?fit=max&auto=format&n=gagbTTg8B6ywPGFE&q=85&s=9ccd00090a9c5a9e6c7cf96aed97349a" alt="" noZoom width="48" height="48" data-path="images/icons/48/elevenlabs.io.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">ElevenLabs</span></span></a>                                                                           | Speech, voices, music, sound effects  |                                                                                                                                                                                                                                                                                                                                                                                                        **100K** |
    |                                                                      5<span className="uai-sgm-images" /> | <a href="#algorithmic-art" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Algorithmic Art</span></span></a>                                                                 | Original generative art as code       |                                                                                                                                                                                                                                                                                                                                                                                                         **95K** |
    |                                                                      6<span className="uai-sgm-images" /> | <a href="#slack-gif-creator" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Slack GIF Creator</span></span></a>                                                             | Looping GIFs that fit Slack limits    |                                                                                                                                                                                                                                                                                                                                                                                                         **60K** |
    |                                    7<span className="uai-sgm-images" /><span className="uai-sgm-video" /> | <a href="#comfyui" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/V3UY3aFtaYLn-mrg/images/icons/48/comfy.org.png?fit=max&auto=format&n=V3UY3aFtaYLn-mrg&q=85&s=db1a07dcfd3bc7c89c7e7bfb701b5d82" alt="" noZoom width="48" height="48" data-path="images/icons/48/comfy.org.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">ComfyUI</span></span></a>                                                                                                                 | Node-based generation workflows       |                                                                                                                                                                                                                                                                                                                                                                                                         **55K** |
    |  8<span className="uai-sgm-images" /><span className="uai-sgm-video" /><span className="uai-sgm-audio" /> | <a href="#replicate" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/replicate.com.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=6da131a52d66e96a4a06a352d262d128" alt="" noZoom width="48" height="48" data-path="images/icons/48/replicate.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Replicate</span></span></a>                                                                             | Thousands of models via one MCP       |                                                                                                                                                                                                                                                                                                                                                                                                         **35K** |
    |                                                                      9<span className="uai-sgm-images" /> | <a href="#adobe-for-creativity" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/adobe.com.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=8fb660cce1cc354b486fa6e04ca788cb" alt="" noZoom width="48" height="48" data-path="images/icons/48/adobe.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Adobe for Creativity</span></span></a>                                                                                       | Adobe's creative apps from Claude     |                                                                                                                                                                                                                                                                                                                                                                                                         **30K** |
    | 10<span className="uai-sgm-images" /><span className="uai-sgm-video" /><span className="uai-sgm-audio" /> | <a href="#minimax" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/minimax.io.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=1325d7b643b289dc9f69f16b8062be70" alt="" noZoom width="48" height="48" data-path="images/icons/48/minimax.io.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">MiniMax</span></span></a>                                                                                                         | Speech, image, video, music in one    |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                     11<span className="uai-sgm-images" /> | <a href="#openai-image-generation" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom width="48" height="48" data-path="images/icons/48/openai.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">OpenAI Image Generation</span></span></a>                                                                         | Images via OpenAI's native tooling    |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    | 12<span className="uai-sgm-images" /><span className="uai-sgm-video" /><span className="uai-sgm-audio" /> | <a href="#fal" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/fal.ai.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=23a7ad8668e858b50f824de0e0d95dee" alt="" noZoom width="48" height="48" data-path="images/icons/48/fal.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">fal</span></span></a>                                                                                                                                                 | 1,000+ hosted models, pay per run     |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                      13<span className="uai-sgm-video" /> | <a href="#heygen" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/JZ9fR2-fsND2566q/images/icons/48/heygen.com.png?fit=max&auto=format&n=JZ9fR2-fsND2566q&q=85&s=9e21f14176ede363b737816092e9a81d" alt="" noZoom width="48" height="48" data-path="images/icons/48/heygen.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">HeyGen</span></span></a>                                                                                                           | Avatar videos and dubbing             |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                     14<span className="uai-sgm-images" /> | <a href="#recraft" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/recraft.ai.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=49f0328a487545217de9ca58fcbaf89c" alt="" noZoom width="48" height="48" data-path="images/icons/48/recraft.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Recraft</span></span></a>                                                                                                         | Production graphics and vector work   |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                     15<span className="uai-sgm-images" /> | <a href="#flux" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/bfl.ai.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=750dd323e690815aa2335d04919f78be" alt="" noZoom width="48" height="48" data-path="images/icons/48/bfl.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">FLUX</span></span></a>                                                                                                                                               | Direct FLUX.2 generation and editing  |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                      16<span className="uai-sgm-video" /> | <a href="#runway" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/l7VvOQRaLYXIepti/images/icons/48/runwayml.com.png?fit=max&auto=format&n=l7VvOQRaLYXIepti&q=85&s=a7a8ae905423e5309527772405d76485" alt="" noZoom width="48" height="48" data-path="images/icons/48/runwayml.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Runway</span></span></a>                                                                                           | Runway image and video generation     |                                                                                                                                                                                                                                                                                                                                                                                                         **25K** |
    |                                                                      17<span className="uai-sgm-video" /> | <a href="#davinci-resolve-mcp" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=428c02db7ed3f5dc78be2e665f3142c1" alt="" noZoom width="48" height="48" data-path="images/icons/48/github.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">DaVinci Resolve MCP</span></span></a>                                                                                 | Agent control of Resolve editing      |                                                                                                                                                                                                                                                                                                                                                                                                         **20K** |
    |                                                                      18<span className="uai-sgm-audio" /> | <a href="#openai-transcription" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom width="48" height="48" data-path="images/icons/48/openai.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">OpenAI Transcription</span></span></a>                                                                               | Transcripts with diarization guidance |                                                                                                                                                                                                                                                                                                                                                                                                         **15K** |
    |                                                                      19<span className="uai-sgm-audio" /> | <a href="#assemblyai" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/BapVfRsLI8g6LXdP/images/icons/48/assemblyai.com.png?fit=max&auto=format&n=BapVfRsLI8g6LXdP&q=85&s=257b346a8fb150e8adfb7b1b68c54d32" alt="" noZoom width="48" height="48" data-path="images/icons/48/assemblyai.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">AssemblyAI</span></span></a>                                                                   | Building transcription features       |                                                                                                                                                                                                                                                                                                                                                                                                         **15K** |
    |                                                                      20<span className="uai-sgm-audio" /> | <a href="#deepgram" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/BapVfRsLI8g6LXdP/images/icons/48/deepgram.com.png?fit=max&auto=format&n=BapVfRsLI8g6LXdP&q=85&s=9b8fdfc27bdafe609024e95664658b66" alt="" noZoom width="48" height="48" data-path="images/icons/48/deepgram.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Deepgram</span></span></a>                                                                                       | Speech-to-text and TTS via one CLI    |                                                                                                                                                                                                                                                                                                                                                                                                         **15K** |
    |                                                                     21<span className="uai-sgm-images" /> | <a href="#picsart" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/picsart.com.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=cdc3b3c3cdfa8bc2729e284049434dc6" alt="" noZoom width="48" height="48" data-path="images/icons/48/picsart.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Picsart</span></span></a>                                                                                                 | Picsart creative API workflows        |                                                                                                                                                                                                                                                                                                                                                                                                         **10K** |
    |                                                                      22<span className="uai-sgm-audio" /> | <a href="#cartesia" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/BapVfRsLI8g6LXdP/images/icons/48/cartesia.ai.png?fit=max&auto=format&n=BapVfRsLI8g6LXdP&q=85&s=d3bb56fa2b6768e18e6226caa34c246b" alt="" noZoom width="48" height="48" data-path="images/icons/48/cartesia.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Cartesia</span></span></a>                                                                                               | Low-latency voice and TTS             |                                                                                                                                                                                                                                                                                                                                                                                                          **8K** |
    |                                                                     23<span className="uai-sgm-images" /> | <a href="#leonardo-ai" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/leonardo.ai.png?fit=max&auto=format&n=5xfT_ObZX_-BobJd&q=85&s=57c842af447e3fa3e2e615831dfdf006" alt="" noZoom width="48" height="48" data-path="images/icons/48/leonardo.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Leonardo.Ai</span></span></a>                                                                                         | Leonardo's model catalog by MCP       |                                                                                                                                                                                                                                                                                                                                                                                                          **5K** |
  </div>

  <label className="uai-overview-more">
    <input type="checkbox" className="uai-overview-toggle" />

    <span className="uai-overview-more-open"><span className="uai-overview-more-count">Show more</span><Icon icon="chevron-down" size={13} /></span>
    <span className="uai-overview-more-close"><span>Show less</span><Icon icon="chevron-up" size={13} /></span>
  </label>

  ***

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/remotion.dev.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=597e5337d6955e3bcffe04fda7a33919" alt="Remotion logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/remotion.dev.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Remotion](https://www.skills.sh/remotion-dev/skills/remotion-best-practices)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Programmatic video in React</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>300K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Remotion's official best-practices skill teaches the agent to build videos as React code - compositions, timing, rendering, and media handling in the Remotion framework - instead of leaving those framework rules to the model's guesses.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Video you want versioned and reproducible as code: data-driven clips, templated social video, motion graphics tied to your product. For prompt-to-video generation, use a hosted route like Runway instead.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A working React/Node project with Remotion's render toolchain; cloud rendering and some commercial uses carry separate licensing costs.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Remotion">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/openai/plugins/tree/main/plugins/remotion" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Remotion Codex plugin - Official third-party by Remotion" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://www.skills.sh/remotion-dev/skills/remotion-best-practices" target="_blank" rel="noreferrer" aria-label="Skill" title="Remotion Best Practices skill - Official by Remotion" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/hyperframes.heygen.com.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=9f4c521c2ce1381ae5589253081f31a0" alt="HyperFrames logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/hyperframes.heygen.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [HyperFrames](https://claude.com/plugins/hyperframes)

          <span className="uai-itemcard-byline">by HeyGen</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Plan-render-review video pipeline</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>240K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        HeyGen's open-source agent video framework: a CLI, skills, and plugins that take a video from planning through generation, rendering, visual inspection, and revision instead of one-shot prompting.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Video projects that mix code, media assets, narration, and browser rendering - anywhere you want the agent to inspect and revise its own output before you see it.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Node 22+ and FFmpeg locally. Optional TTS, transcription, image, or cloud providers need their own credentials and can cost money.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install HyperFrames">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/hyperframes" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="HyperFrames plugin - Official by HeyGen" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/hyperframes" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="HyperFrames Codex plugin - Official by HeyGen" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://github.com/heygen-com/hyperframes#agent-skills" target="_blank" rel="noreferrer" aria-label="Skill" title="HyperFrames portable skills - Official by HeyGen" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/52KaILwddzz5TNZ_/images/icons/144/higgsfield.ai.png?fit=max&auto=format&n=52KaILwddzz5TNZ_&q=85&s=9fec822ee5bd7071f9a5e9a018b59f6f" alt="Higgsfield logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/higgsfield.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Higgsfield](https://github.com/higgsfield-ai/skills)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Seven-skill media generation bundle</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>100K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Higgsfield's official cross-agent bundle of seven creation skills - spanning image, video, audio, reusable characters, product photography, website, and game-asset generation - built around its CLI and hosted platform.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Specialized creative workflows such as consistent characters, product shots, and explainer videos, from one publisher-maintained install rather than separate tools per job.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Higgsfield account with CLI authentication; generation consumes plan credits or metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Higgsfield">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/higgsfield-ai/skills/tree/main/.claude-plugin" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Higgsfield Claude plugin - Official by Higgsfield AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/higgsfield-ai/skills/tree/main/.codex-plugin" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Higgsfield Codex plugin - Official by Higgsfield AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/higgsfield" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Higgsfield Cursor plugin - Official by Higgsfield AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://github.com/higgsfield-ai/skills" target="_blank" rel="noreferrer" aria-label="Skill" title="Higgsfield portable skills - Official by Higgsfield AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/gagbTTg8B6ywPGFE/images/icons/144/elevenlabs.io.png?fit=max&auto=format&n=gagbTTg8B6ywPGFE&q=85&s=9125f7ed780225d05b6dde1d4ed0e78f" alt="ElevenLabs logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/elevenlabs.io.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [ElevenLabs](https://elevenlabs.io/docs/eleven-api/resources/agent-tooling)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Speech, voices, music, sound effects</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>100K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        ElevenLabs' official local MCP server, with official companion skills, covering speech synthesis, transcription, voice cloning and changing, sound effects, and music generation - one publisher-maintained audio stack instead of separate wrappers per operation.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When one integration should cover most audio jobs - narration, custom voices, effects, or generated music - billed against a single ElevenLabs account. It is also a legitimate route to AI music, which most vendors do not offer.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        An ElevenLabs account and API key; the server installs as a local Python package and generation consumes plan credits or metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install ElevenLabs">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://elevenlabs.io/docs/eleven-api/resources/agent-tooling" target="_blank" rel="noreferrer" aria-label="MCP" title="ElevenLabs MCP - Official by ElevenLabs" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a><a href="https://github.com/elevenlabs/skills" target="_blank" rel="noreferrer" aria-label="Skill" title="ElevenLabs Agent Skills - Official by ElevenLabs" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Algorithmic Art logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Algorithmic Art](https://skills.sh/anthropics/skills/algorithmic-art)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Original generative art as code</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>95K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Anthropic's official skill for creating original generative artwork: p5.js-oriented code, deterministic seeds, and an interactive viewer workflow. Every piece stays editable code rather than an opaque image file.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Code-driven visual experiments - posters, backgrounds, art studies - with no account or API key involved. It brings artistic process, not a hosted image model; for photo-style generation use a vendor route.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Algorithmic Art">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Anthropic Example Skills plugin containing Algorithmic Art - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://skills.sh/anthropics/skills/algorithmic-art" target="_blank" rel="noreferrer" aria-label="Skill" title="Algorithmic Art skill - Official by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Slack GIF Creator logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Slack GIF Creator](https://skills.sh/anthropics/skills/slack-gif-creator)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Looping GIFs that fit Slack limits</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>60K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Anthropic's official skill for designing compact looping animations that satisfy Slack's format constraints, with validation utilities and GIF optimization built in.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Quick expressive GIFs for chat - reactions, celebrations, tiny explainers. It is not a live Slack integration and not a video editor; it makes small files that actually upload and play well.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Slack GIF Creator">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Anthropic Example Skills plugin containing Slack GIF Creator - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://skills.sh/anthropics/skills/slack-gif-creator" target="_blank" rel="noreferrer" aria-label="Skill" title="Slack GIF Creator skill - Official by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/9ECsl9XwdjRP5AZM/images/icons/144/comfy.org.png?fit=max&auto=format&n=9ECsl9XwdjRP5AZM&q=85&s=f1ff3fa9043aae5747b37ca87ea8e0f5" alt="ComfyUI logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/comfy.org.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [ComfyUI](https://docs.comfy.org/development/cloud/mcp-server)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Node-based generation workflows</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>55K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Comfy Org's official Comfy Cloud MCP and skills run node-based generation workflows - repeatable graphs over a broad model and node ecosystem. Despite the name, it is a generation-workflow tool, not a user-interface design tool.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When you want workflow-level control - the same graph rerun and refined - rather than a single prompt-to-image endpoint. Its verified evidence covers image and video generation, and supports audio generation as well.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Comfy Cloud account with OAuth; generation consumes plan credits or metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install ComfyUI">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://docs.comfy.org/development/cloud/mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="Comfy Cloud MCP - Official by Comfy Org" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images uai-sgc-video uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/replicate.com.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=0355859f3034ee67932c05b270e983e7" alt="Replicate logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/replicate.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Replicate](https://replicate.com/docs/reference/mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Thousands of models via one MCP</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>35K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Replicate's official integration - a hosted MCP server plus eight official skills - lets the agent search thousands of hosted models, inspect their schemas, run predictions, and fetch results across image, video, and audio generation.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When you want model choice instead of one vendor: compare and run whatever the catalog offers, with no local GPU setup. As a cross-modal platform it covers all three modalities on this page from one account.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Replicate account and API token. Every model run is pay-per-use, so the agent can spend real money - review costs and the terms of the models it picks.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Replicate">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://replicate.com/docs/reference/mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Replicate hosted MCP - Official by Replicate" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/adobe.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=3ac77e421fd3e33fa74b055b8c7302a9" alt="Adobe for Creativity logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/adobe.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Adobe for Creativity](https://claude.com/plugins/adobe-for-creativity)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Adobe's creative apps from Claude</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>30K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Adobe's official Claude plugin bundling 50+ tools across Photoshop, Lightroom, Illustrator, Firefly, Premiere, Express, InDesign, and Stock, so one creative task can move across several Adobe products without wiring each one up.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Edit-heavy image work - retouching, asset creation, stock, resizing - plus social and video variants of the same asset. The bundle includes video editing capability through Premiere alongside its image tools.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Currently a Claude-only plugin. Limited signed-out use works; higher limits and full workflows may require paid Adobe access.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Adobe for Creativity">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/adobe-for-creativity" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Adobe for Creativity plugin - Official by Adobe" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images uai-sgc-video uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/minimax.io.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=a2ce393f0bc7d77c5581e74dad7e6064" alt="MiniMax logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/minimax.io.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [MiniMax](https://github.com/MiniMax-AI/MiniMax-MCP)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Speech, image, video, music in one</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        MiniMax's official MCP server exposes its speech synthesis, voice cloning, image generation, video generation, and music APIs from one package - one of the few verified publisher routes that genuinely covers all three modalities on this page.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When a single vendor account should back several modalities at once - including generated music, which few vendor routes offer.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A local Python package plus a MiniMax API key that matches the regional API host; available models and regional availability differ by capability, and generation consumes metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install MiniMax">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/MiniMax-AI/MiniMax-MCP" target="_blank" rel="noreferrer" aria-label="MCP" title="MiniMax MCP - Official by MiniMax" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=745b8837f7535bc53cd70fc2f7024d58" alt="OpenAI Image Generation logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/openai.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [OpenAI Image Generation](https://skills.sh/openai/skills/openai-imagegen)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Images via OpenAI's native tooling</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        OpenAI's official image-generation skill: repeatable instructions for new images, edits, transparent-background work, and output verification with OpenAI image tooling. It ships first-party with Codex and installs as a portable skill elsewhere.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When the agent already has OpenAI image tooling available and you want a packaged workflow rather than a separate service connection.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        The skill itself is free, but the host must expose OpenAI's image tool or API, which has its own access and usage requirements.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install OpenAI Image Generation">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://skills.sh/openai/skills/openai-imagegen" target="_blank" rel="noreferrer" aria-label="Skill" title="OpenAI Image Generation skill - Official by OpenAI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images uai-sgc-video uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/fal.ai.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=9a5687da12b5dd2bc8a9fe35ff53aaec" alt="fal logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/fal.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [fal](https://fal.ai/docs/documentation/setting-up/mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">1,000+ hosted models, pay per run</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        fal's official hosted MCP connects the agent to more than 1,000 hosted generative-media models through nine focused tools: discover a model, inspect its price and schema, upload inputs, then run and monitor jobs.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Model breadth with cost visibility - pick the right model per job across image, video, and audio without committing to one vendor. As a cross-modal platform it covers all three modalities on this page.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A fal account and API key; usage is pay per model run. Claude Code works with the bearer-key endpoint, but Claude Desktop and claude.ai custom connectors currently cannot connect because the endpoint does not yet support OAuth.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install fal">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/openai/plugins/tree/main/plugins/fal" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="fal Codex plugin - Official third-party by fal" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://fal.ai/docs/documentation/setting-up/mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="fal hosted MCP - Official by fal" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/52KaILwddzz5TNZ_/images/icons/144/heygen.com.png?fit=max&auto=format&n=52KaILwddzz5TNZ_&q=85&s=b947772961bda37d390d679f2650202c" alt="HeyGen logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/heygen.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [HeyGen](https://github.com/heygen-com/skills)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Avatar videos and dubbing</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        HeyGen's official three-skill package turns a photo or brief into reusable avatars, avatar-led videos, and translated or dubbed video, executing through the HeyGen CLI or hosted MCP.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Scripted, localized, avatar-led video - especially keeping one avatar identity consistent across many videos. For HeyGen's broader code-driven video framework, see HyperFrames.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A HeyGen account; the skills use the CLI with an API key, or fall back to the hosted MCP with OAuth when no key is set. Generation consumes plan credits.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install HeyGen">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/openai/plugins/tree/main/plugins/heygen" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="HeyGen Codex plugin - Official third-party by HeyGen" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://github.com/heygen-com/skills" target="_blank" rel="noreferrer" aria-label="Skill" title="HeyGen skills - Official by HeyGen" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/recraft.ai.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=1f62e0d25f45a017ebad4849e0b1c8bd" alt="Recraft logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/recraft.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Recraft](https://www.recraft.ai/docs/mcp-reference/getting-started)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Production graphics and vector work</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Recraft's official hosted MCP exposes image generation plus design-oriented editing - vectorization, upscaling, background work, and custom brand styles.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Production-ready graphic assets: brand-consistent raster and vector output where the deliverable matters more than raw model breadth.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Recraft account via OAuth; the hosted route consumes subscription credits and is separate from Recraft's local API-unit route.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Recraft">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://www.recraft.ai/docs/mcp-reference/getting-started" target="_blank" rel="noreferrer" aria-label="MCP" title="Recraft MCP - Official by Recraft" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/bfl.ai.png?fit=max&auto=format&n=O2NMryn9hetXwNok&q=85&s=23fa5c325d24c1296a4ae83acedefbdd" alt="FLUX logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/bfl.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [FLUX](https://docs.bfl.ai/api_integration/mcp_integration)

          <span className="uai-itemcard-byline">by Black Forest Labs</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Direct FLUX.2 generation and editing</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Black Forest Labs' official hosted MCP brings FLUX.2 image generation, editing, variations, and browsing into the agent directly from the model's publisher rather than through an aggregator.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        When FLUX quality or its editing controls are the specific reason for the choice. The same model family is also available through Replicate and fal if you prefer a multi-model platform.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Black Forest Labs account; generation consumes publisher credits. The route launched only weeks before this page was researched, so its adoption numbers are still early.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install FLUX">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://docs.bfl.ai/api_integration/mcp_integration" target="_blank" rel="noreferrer" aria-label="MCP" title="FLUX MCP - Official by Black Forest Labs" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/fTqNrv6I1z_YE97n/images/icons/144/runwayml.com.png?fit=max&auto=format&n=fTqNrv6I1z_YE97n&q=85&s=4121233599ffce74289b4d58b7e0b793" alt="Runway logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/runwayml.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Runway](https://runwayml.com/news/company-news/mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Runway image and video generation</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>25K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Runway's official hosted MCP generates images and video with Runway's own and selected partner models through one OAuth route - a broad creative studio billed against your existing Runway plan.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Hosted image and video generation on a Runway plan you already have, without managing separate model integrations.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Runway account; generation consumes plan credits. Partner models such as Kling and GPT-Image are capabilities of this one route - you reach them through Runway, not as separate integrations.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Runway">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://runwayml.com/news/company-news/mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Runway hosted MCP - Official by Runway" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-video" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?fit=max&auto=format&n=Ez-pJDkPpztLE7Cr&q=85&s=ae26fba344d6ff6a16b305e4452caac9" alt="DaVinci Resolve MCP logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/github.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [DaVinci Resolve MCP](https://github.com/samuelgursky/davinci-resolve-mcp)

          <span className="uai-itemcard-byline">by Samuel Gursky</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Agent control of Resolve editing</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>20K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A community MCP server that gives the agent broad local control of DaVinci Resolve through Blackmagic's official Scripting API - project, media, timeline, color, Fusion, Fairlight, rendering, and analysis workflows.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Automating real editing, grading, media organization, and render work inside a professional editor you already use, rather than calling a hosted generation service.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        This is a community server, not an official Blackmagic extension. It requires the paid DaVinci Resolve Studio edition, a local Python/Node setup, and the scripting API enabled - and it has write access to your projects, media, and renders, so use it only where that level of local control is acceptable.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install DaVinci Resolve MCP">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/samuelgursky/davinci-resolve-mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="DaVinci Resolve MCP - Community by Samuel Gursky" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=745b8837f7535bc53cd70fc2f7024d58" alt="OpenAI Transcription logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/openai.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [OpenAI Transcription](https://skills.sh/openai/skills/openai-transcribe)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Transcripts with diarization guidance</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>15K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        OpenAI's official transcription skill: a repeatable route for transcribing audio with OpenAI tools, including diarization guidance and transcript output handling.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Turning recordings into usable transcripts inside an agent workflow. For meeting products that produce their own transcripts, look at the Communication category instead.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        The host must expose the required OpenAI tooling, which has its own access and usage requirements; audio sent for transcription is processed by the OpenAI service.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install OpenAI Transcription">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://skills.sh/openai/skills/openai-transcribe" target="_blank" rel="noreferrer" aria-label="Skill" title="OpenAI Transcription skill - Official by OpenAI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/assemblyai.com.png?fit=max&auto=format&n=O2NMryn9hetXwNok&q=85&s=0f393f743b8cac7b8f01a94439e0ea86" alt="AssemblyAI logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/assemblyai.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [AssemblyAI](https://github.com/AssemblyAI/assemblyai-skill)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Building transcription features</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>15K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        AssemblyAI's official skill gives the agent current guidance for building transcription, streaming speech, and voice-agent features with AssemblyAI's SDKs and APIs, preventing stale-SDK and wrong-model mistakes.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Building speech features into your own product. It is developer guidance, not a turnkey transcribe-this-file tool - for that, use OpenAI Transcription or a vendor MCP.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        An AssemblyAI API key for actual transcription work; processing consumes metered API usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install AssemblyAI">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/AssemblyAI/assemblyai-skill" target="_blank" rel="noreferrer" aria-label="Skill" title="AssemblyAI skill - Official by AssemblyAI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/deepgram.com.png?fit=max&auto=format&n=Ez-pJDkPpztLE7Cr&q=85&s=c38be388669369e23390b67010ac681b" alt="Deepgram logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/deepgram.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Deepgram](https://developers.deepgram.com/developer-tools/cli/mcp-server)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Speech-to-text and TTS via one CLI</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>15K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Deepgram's official CLI includes an MCP server exposing audio transcription, speech synthesis, text analysis, model discovery, and account usage checks through one publisher-maintained route.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Speech input and output backed by Deepgram's APIs - transcribe audio in, synthesize speech out - from a single package.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        The dg CLI installed and authenticated locally with a Deepgram API key; processing consumes metered usage. The route is official but new - adoption of this specific package is early.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Deepgram">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://developers.deepgram.com/developer-tools/cli/mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="Deepgram CLI MCP - Official by Deepgram" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/picsart.com.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=4d2945deb6c1186ee49993df256ebb12" alt="Picsart logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/picsart.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Picsart](https://github.com/PicsArt/gen-ai-skills)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Picsart creative API workflows</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>10K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Picsart's official agent package exposes its image-generation and editing workflows through portable skills, with a Codex plugin as the native OpenAI route.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Teams already using Picsart's creative APIs who want the agent wired to Picsart tooling rather than a generic model endpoint.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Picsart API credentials where the workflows call the service; generation consumes plan credits or metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Picsart">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/openai/plugins/tree/main/plugins/picsart" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Picsart Codex plugin - Official third-party by Picsart" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://github.com/PicsArt/gen-ai-skills" target="_blank" rel="noreferrer" aria-label="Skill" title="Picsart skills - Official by Picsart" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-audio" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/cartesia.ai.png?fit=max&auto=format&n=O2NMryn9hetXwNok&q=85&s=e9196f0c86dbe2f714ba8560b24a79ee" alt="Cartesia logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/cartesia.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Cartesia](https://github.com/cartesia-ai/cartesia-mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Low-latency voice and TTS</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>8K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Cartesia's official MCP server and companion skills expose speech generation, voice management, and related Cartesia API operations to the agent.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Focused low-latency voice and text-to-speech work. For a broader audio suite including music and sound effects, ElevenLabs covers more ground.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Cartesia account and API key; generation consumes plan credits or metered usage.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Cartesia">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/cartesia-ai/cartesia-mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Cartesia MCP - Official by Cartesia" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-images" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/leonardo.ai.png?fit=max&auto=format&n=GCPeCvcnaEiqXuyx&q=85&s=d94aa953f1fffc84255a239eca9da0f4" alt="Leonardo.Ai logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/leonardo.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Leonardo.Ai](https://docs.leonardo.ai/docs/connect-to-leonardoai-mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Leonardo's model catalog by MCP</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>5K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        Leonardo.Ai's official hosted MCP lets the agent create images through Leonardo's generation platform and its model catalog - including catalog access to models such as Ideogram.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Teams already on Leonardo's platform and production API who want the same account and model catalog behind the agent.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Leonardo.Ai account; generation consumes publisher credits. Leonardo's docs do not state the authentication method Claude Desktop and claude.ai custom connectors require, so treat desktop and web Claude compatibility as unverified.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Leonardo.Ai">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://docs.leonardo.ai/docs/connect-to-leonardoai-mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Leonardo.Ai MCP - Official by Leonardo.Ai" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>
</div>

## Choose by use case

<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Want one integration instead of a separate tool per model?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#replicate">Replicate</a> - thousands of hosted models across image, video, and audio, with official skills</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#fal">fal</a> - 1,000+ models with price and schema inspection before each run</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#minimax">MiniMax</a> - one vendor's own speech, image, video, and music behind a single key</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#comfyui">ComfyUI</a> - repeatable node-based workflows rather than single endpoints</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>All four bill for usage - review model costs before letting the agent run them.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Making still images or graphics?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#recraft">Recraft</a> for production-ready graphics, vector work, and brand styles</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#flux">FLUX</a> for direct publisher access to the FLUX.2 family (also on Replicate and fal)</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#openai-image-generation">OpenAI Image Generation</a> when the agent already has OpenAI image tooling</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#adobe-for-creativity">Adobe for Creativity</a> for edit-heavy retouching and assets across the Adobe suite</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#leonardo-ai">Leonardo.Ai</a> and <a href="#picsart">Picsart</a> put an existing vendor account behind the agent</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>No legitimate Midjourney route exists - FLUX and the multi-model platforms are the honest paths.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Producing video?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#runway">Runway</a> for hosted generation on a plan you already pay for</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#heygen">HeyGen</a> for avatar-led, translated, and dubbed video with one consistent identity</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#higgsfield">Higgsfield</a> for characters, product shots, and explainer workflows</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#hyperframes">HyperFrames</a> for a plan-generate-render-review pipeline the agent drives</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#remotion">Remotion</a> when the video is versioned React code</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#davinci-resolve-mcp">DaVinci Resolve MCP</a> to automate edits inside Resolve Studio rather than generate clips</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Generating voice, speech, or music?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#elevenlabs">ElevenLabs</a> - one official stack for TTS, voice cloning, sound effects, and music</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#cartesia">Cartesia</a> - focused low-latency voice and text-to-speech</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#minimax">MiniMax</a> - speech and music alongside its image and video, from one key</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>No official Suno or Udio route exists - ElevenLabs and MiniMax are the legitimate music routes.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Turning recordings into text?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#openai-transcription">OpenAI Transcription</a> - a packaged transcribe-a-file workflow with diarization guidance</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#deepgram">Deepgram</a> - speech in and speech out through one CLI-backed MCP</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#assemblyai">AssemblyAI</a> - guidance for building transcription into your own product</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>Meeting products that make their own transcripts live in <a href="/plugins/communication">Communication</a>.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Need visuals without any paid service?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#algorithmic-art">Algorithmic Art</a> - original generative artwork as editable code, no API key</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#slack-gif-creator">Slack GIF Creator</a> - compact looping GIFs for chat, no account needed</p>

## Related categories

<CardGroup cols={3}>
  <Card title="Design & UI" href="/plugins/design-ui">Interface design, presentations, and canvas tools live there.</Card>
  <Card title="Writing" href="/plugins/writing">Prose drafting, style, and translation.</Card>
  <Card title="Communication" href="/plugins/communication">Meeting-transcription products live there.</Card>
</CardGroup>
