✦ StealThis .dev
Plugins Easy

Devin MCP Marketplace

A built-in marketplace inside Devin where teams discover, configure, and enable Model Context Protocol servers that extend the autonomous coding agent.

markdown
Targets: HTML

Code

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Devin MCP Marketplace</title>
<style>
  :root {
    --bg: #0b0f17;
    --surface: #141a26;
    --surface-2: #1b2230;
    --text: #e6edf6;
    --muted: #8b97a8;
    --accent: #6ea8fe;
    --border: rgba(255, 255, 255, 0.08);
  }

  * { box-sizing: border-box; }

  html, body {
    margin: 0;
    padding: 0;
  }

  body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--bg);
    color: var(--text);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.55;
  }

  .card {
    width: 100%;
    max-width: 640px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  }

  .eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(110, 168, 254, 0.12);
    border: 1px solid rgba(110, 168, 254, 0.25);
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 16px;
  }

  h1 {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.2;
  }

  .desc {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: 15px;
  }

  .section-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 8px;
  }

  .access {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 24px;
  }

  pre {
    margin: 0;
    overflow-x: auto;
  }

  code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 13.5px;
    color: var(--text);
  }

  .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
  }

  .pill {
    font-size: 12.5px;
    color: var(--text);
    background: var(--surface-2);
    border: 1px solid var(--border);
    padding: 6px 12px;
    border-radius: 999px;
  }

  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    color: #0b0f17;
    background: var(--accent);
    border-radius: 12px;
    padding: 13px 20px;
    transition: filter 0.15s ease, transform 0.05s ease;
  }

  .cta:hover { filter: brightness(1.08); }
  .cta:active { transform: translateY(1px); }

  .cta:focus-visible,
  a:focus-visible {
    outline: 3px solid rgba(110, 168, 254, 0.6);
    outline-offset: 3px;
  }

  .arrow { font-size: 16px; line-height: 1; }

  @media (max-width: 480px) {
    .card { padding: 24px; }
    h1 { font-size: 22px; }
  }
</style>
</head>
<body>
  <main class="card">
    <span class="eyebrow">Other AI coding tools</span>
    <h1>Devin MCP Marketplace</h1>
    <p class="desc">
      A built-in marketplace inside Devin where teams discover, configure, and enable
      Model Context Protocol servers that extend the autonomous coding agent.
    </p>

    <p class="section-label">How to access</p>
    <div class="access">
      <pre><code># Sign in, then open Settings &rarr; MCP Marketplace
https://app.devin.ai/settings/mcp-marketplace</code></pre>
    </div>

    <p class="section-label">Compatible with</p>
    <div class="pills">
      <span class="pill">Devin</span>
      <span class="pill">MCP servers</span>
      <span class="pill">Cognition</span>
    </div>

    <a
      class="cta"
      href="https://app.devin.ai/settings/mcp-marketplace"
      target="_blank"
      rel="noopener"
    >
      Open the Marketplace <span class="arrow" aria-hidden="true">&rarr;</span>
    </a>
  </main>
</body>
</html>

What it is

The Devin MCP Marketplace is a directory built into Devin, the autonomous AI software engineer from Cognition. It collects Model Context Protocol (MCP) servers that you can connect to Devin so the agent can reach external tools and data sources — issue trackers, documentation, databases, internal APIs and more — directly from your workspace settings.

Rather than wiring up each integration by hand, you browse available MCP servers, configure their credentials, and toggle them on for your Devin sessions from a single settings page.

How to access / install

The marketplace lives in your Devin account settings:

https://app.devin.ai/settings/mcp-marketplace

To use it:

  1. Sign in to Devin at https://app.devin.ai.
  2. Open Settings → MCP Marketplace.
  3. Pick an MCP server, supply any required API keys or connection details, and enable it.

Enabled servers become available to Devin during its coding sessions, so the agent can call their tools as part of its workflow.

Good for

  • Extending Devin with external integrations without writing custom glue code.
  • Teams standardizing which MCP servers their Devin agents are allowed to use.
  • Discovering MCP-based tooling from one curated, in-product directory.