✦ StealThis .dev
Plugins Easy

OpenCode — Open Source AI Coding Agent

Open source terminal AI coding agent that is provider agnostic and works with any model, offering an ecosystem of MCP servers and integrations.

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>OpenCode — Open Source AI Coding Agent</title>
<style>
  :root {
    --bg: #0b0f17;
    --surface: #141a26;
    --surface-2: #1b2333;
    --text: #e6edf6;
    --muted: #8b97a8;
    --accent: #6ea8fe;
    --border: rgba(255, 255, 255, 0.08);
    --radius: 16px;
  }
  * { box-sizing: border-box; }
  html, body {
    margin: 0;
    min-height: 100%;
  }
  body {
    background: radial-gradient(1200px 600px at 50% -10%, #16203a 0%, var(--bg) 55%);
    color: var(--text);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.55;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }
  .card {
    width: 100%;
    max-width: 640px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6);
    padding: 28px;
  }
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    margin: 0 0 12px;
  }
  .eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 12px var(--accent);
  }
  h1 {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .desc {
    margin: 0 0 22px;
    color: var(--muted);
    font-size: 15px;
  }
  .block-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 8px;
  }
  pre {
    margin: 0 0 22px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    overflow-x: auto;
  }
  code {
    font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    color: var(--text);
  }
  .comment { color: var(--muted); }
  .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 26px;
  }
  .pill {
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 6px 12px;
  }
  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--accent);
    color: #0b0f17;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 12px;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }
  .cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px -8px rgba(110, 168, 254, 0.6);
  }
  .cta:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
  }
  .cta svg { width: 16px; height: 16px; }
</style>
</head>
<body>
  <main class="card">
    <p class="eyebrow">OpenCode Ecosystem</p>
    <h1>OpenCode — Open Source AI Coding Agent</h1>
    <p class="desc">
      An open source, terminal-based AI coding agent that is provider agnostic — bring your own
      model and extend it with MCP servers and custom agents.
    </p>

    <p class="block-label">How to access</p>
    <pre><code><span class="comment"># install the CLI</span>
curl -fsSL https://opencode.ai/install | bash

<span class="comment"># or via npm</span>
npm install -g opencode-ai

<span class="comment"># run it in your project</span>
opencode</code></pre>

    <p class="block-label">Compatible with</p>
    <div class="pills">
      <span class="pill">Terminal / CLI</span>
      <span class="pill">MCP servers</span>
      <span class="pill">Anthropic</span>
      <span class="pill">OpenAI</span>
      <span class="pill">Local LLMs</span>
    </div>

    <a class="cta" href="https://opencode.ai/" target="_blank" rel="noopener">
      Visit opencode.ai
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"
           stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <path d="M7 17 17 7" />
        <path d="M8 7h9v9" />
      </svg>
    </a>
  </main>
</body>
</html>

What it is

OpenCode is an open source, terminal-based AI coding agent. Unlike vendor-locked tools, it is provider agnostic — bring your own model from Anthropic, OpenAI, Google, local LLMs, or any OpenAI-compatible endpoint. Its ecosystem exposes MCP servers, custom agents, and shareable configuration so teams can extend the agent to their own stack.

How to access / install

Visit the project at opencode.ai. Install the CLI directly:

# install script
curl -fsSL https://opencode.ai/install | bash

# or via npm
npm install -g opencode-ai

# then run it from your project
opencode

Add MCP servers and custom agents through the OpenCode config file in your home directory or repository, allowing the agent to discover new tools and capabilities.

Good for

  • Developers who want a terminal-native coding agent without being tied to one model provider.
  • Teams that prefer open source tooling they can self-host, audit, and extend.
  • Anyone building or wiring up MCP servers and custom agents into an AI coding workflow.