<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>prompts — agent prompt templates for ird</title>
<meta name="description" content="Self-contained prompt templates for agents with ird access: domains, DNS, IPFS sites, tunnels, servers, p2p. Fill in a block, copy, paste into your agent.">
<style>
  :root {
    color-scheme: dark;
    --paper: #12161c; --ink: #e8edf2; --ink-soft: #9aa7b3;
    --line: #263241; --card: #182029; --code-bg: #1f2a36; --accent: #7fc4a8;
    --accent-ink: #0f1a16; --sel: #1d2a2a;
  }
  @media (prefers-color-scheme: light) {
    :root {
      color-scheme: light;
      --paper: #f8f9fa; --ink: #232a30; --ink-soft: #61707d;
      --line: #dde4ea; --card: #ffffff; --code-bg: #eef2f5; --accent: #35836a;
      --accent-ink: #ffffff; --sel: #eaf4ef;
    }
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    background: var(--paper); color: var(--ink);
    font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, sans-serif;
    padding: 56px 22px 90px;
  }
  main { max-width: 1120px; margin: 0 auto; }
  a { color: var(--accent); }
  h1 { font-size: 38px; font-weight: 600; letter-spacing: -.4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .tag { margin: 12px 0 28px; font-size: 18px; color: var(--ink-soft); max-width: 720px; }
  code, pre, textarea, .mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  code { font-size: 14.5px; background: var(--code-bg); border-radius: 5px; padding: 1px 6px; }
  pre { background: var(--code-bg); border: 1px solid var(--line); border-radius: 10px;
    padding: 12px 14px; overflow-x: auto; font-size: 13.5px; line-height: 1.5; }
  pre code { background: none; padding: 0; font-size: inherit; }

  /* how it works */
  .how { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0 0 34px; }
  .how div { background: var(--card); border: 1px solid var(--line); border-radius: 12px;
    padding: 14px 16px; font-size: 14.5px; color: var(--ink-soft); }
  .how b { display: block; color: var(--ink); font-size: 15px; margin-bottom: 4px; }
  .how .n { color: var(--accent); font-family: ui-monospace, Menlo, monospace; margin-right: 6px; }

  /* master / detail */
  .wrap { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 26px; align-items: start; }
  .list { position: sticky; top: 16px; }
  .search { width: 100%; padding: 10px 12px; margin-bottom: 12px; border-radius: 9px;
    border: 1px solid var(--line); background: var(--card); color: var(--ink); font: inherit; font-size: 15px; }
  .group { font-size: 12px; text-transform: uppercase; letter-spacing: .08em;
    color: var(--ink-soft); margin: 14px 4px 6px; }
  .card { display: block; width: 100%; text-align: left; background: var(--card);
    border: 1px solid var(--line); border-radius: 11px; padding: 11px 14px; margin: 6px 0;
    cursor: pointer; color: var(--ink); font: inherit; }
  .card:hover { border-color: var(--accent); }
  .card.sel { background: var(--sel); border-color: var(--accent); }
  .card h3 { font-size: 15px; font-weight: 600; line-height: 1.35; }
  .card p { font-size: 13.5px; color: var(--ink-soft); margin-top: 3px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .card .id { font-size: 12px; color: var(--accent); font-family: ui-monospace, Menlo, monospace; }

  .detail { background: var(--card); border: 1px solid var(--line); border-radius: 14px;
    padding: 24px 26px; min-height: 300px; }
  .detail h2 { font-size: 24px; font-weight: 600; line-height: 1.3; }
  .detail .file { font-size: 13px; color: var(--ink-soft); margin: 4px 0 12px; }
  .detail .file a { color: var(--ink-soft); }
  .detail .sum { color: var(--ink-soft); margin-bottom: 14px; }
  .meta { display: grid; grid-template-columns: 70px 1fr; gap: 4px 10px; font-size: 14px;
    margin: 0 0 18px; padding: 12px 14px; background: var(--code-bg); border-radius: 9px; }
  .meta b { color: var(--ink-soft); font-weight: 500; }
  label.h { display: flex; justify-content: space-between; align-items: baseline;
    font-size: 14px; color: var(--ink-soft); margin: 18px 0 6px; }
  label.h a { font-size: 13px; }
  textarea { width: 100%; min-height: 150px; resize: vertical; padding: 12px 14px;
    border: 1px solid var(--line); border-radius: 10px; background: var(--code-bg);
    color: var(--ink); font-size: 13.5px; line-height: 1.5; white-space: pre; overflow-x: auto; }
  textarea:focus { outline: 2px solid var(--accent); outline-offset: -1px; }
  .btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
  button.b { font: inherit; font-size: 14.5px; padding: 9px 14px; border-radius: 9px;
    border: 1px solid var(--line); background: var(--code-bg); color: var(--ink); cursor: pointer; }
  button.b:hover { border-color: var(--accent); }
  button.b.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); font-weight: 600; }
  button.b.ok { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
  .hint { font-size: 13px; color: var(--ink-soft); margin: 4px 0 0; }
  details { margin-top: 18px; }
  summary { cursor: pointer; color: var(--accent); font-size: 14.5px; }
  details pre { margin-top: 10px; white-space: pre-wrap; word-break: break-word; max-height: 70vh; overflow: auto; }
  .term { margin-top: 30px; }
  .term h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
  footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line);
    font-size: 14px; color: var(--ink-soft); }
  footer a { color: inherit; }
  .empty { color: var(--ink-soft); padding: 10px 4px; font-size: 14px; }
  @media (max-width: 860px) {
    body { padding: 36px 16px 70px; }
    .how { grid-template-columns: 1fr; }
    .wrap { grid-template-columns: 1fr; }
    .list { position: static; }
    .detail { padding: 18px; }
  }
</style>
</head>
<body>
<main>
  <h1>prompts</h1>
  <p class="tag"><!--PROMPT_COUNT--> prompt templates for agents that have
  ird access (the MCP server or the <code>ird</code> CLI). Each one carries the
  full algorithm, the cost and safety rules, and the verification steps —
  your agent only needs the small <code>FILL IN</code> block.</p>

  <div class="how">
    <div><b><span class="n">1</span>Pick a prompt</b>domains and DNS, sites
      over IPFS, tunnels, servers, p2p apps, account cleanup.</div>
    <div><b><span class="n">2</span>Fill in the block</b>edit the
      <code>FILL IN</code> values right here — hostnames, paths, budgets.</div>
    <div><b><span class="n">3</span>Copy, paste, go</b>paste the prompt into a
      fresh conversation with your agent, or send it the raw URL.</div>
  </div>

  <div class="wrap">
    <nav class="list" aria-label="prompts">
      <input class="search" id="q" type="search" placeholder="filter… (e.g. dns, ipfs, vps)" autocomplete="off">
      <div id="cards"></div>
    </nav>

    <section class="detail" id="detail" aria-live="polite"></section>
  </div>

  <div class="term">
    <h2>From a terminal, or for an agent that can fetch URLs</h2>
    <p class="hint" style="margin-bottom:8px">every prompt is also a plain file at
      <code>https://ird.cod-sursa.ro/prompts/&lt;name&gt;.md</code>; the whole
      set is a git repo.</p>
    <pre><code>curl -s https://ird.cod-sursa.ro/prompts/register-domain.md | pbcopy   # macOS clipboard
git clone https://ird.cod-sursa.ro/prompts.git</code></pre>
    <p class="hint"><a href="browse/">browse the repo source</a> · README with the
      full table in <a href="browse/README.md.html">README.md</a></p>
  </div>

  <footer>
    part of <a href="https://ird.cod-sursa.ro/">ird.cod-sursa.ro</a> — public
    source, clonable straight from this domain. MIT.
  </footer>
</main>

<script>
var PROMPTS = /*PROMPTS_JSON*/;
(function () {
  var BASE = 'https://ird.cod-sursa.ro/prompts/';
  var cards = document.getElementById('cards');
  var detail = document.getElementById('detail');
  var q = document.getElementById('q');
  var byId = {};
  PROMPTS.forEach(function (p) { byId[p.id] = p; });

  function store(k, v) { try { if (v == null) localStorage.removeItem(k); else localStorage.setItem(k, v); } catch (e) {} }
  function load(k) { try { return localStorage.getItem(k); } catch (e) { return null; } }
  function esc(s) { return s.replace(/[&<>"]/g, function (c) { return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]; }); }

  function renderList(filter) {
    var f = (filter || '').trim().toLowerCase();
    cards.innerHTML = '';
    var lastGroup = null, shown = 0;
    PROMPTS.forEach(function (p) {
      if (f && (p.id + ' ' + p.title + ' ' + p.summary + ' ' + p.group).toLowerCase().indexOf(f) < 0) return;
      if (p.group !== lastGroup) {
        var g = document.createElement('div'); g.className = 'group'; g.textContent = p.group;
        cards.appendChild(g); lastGroup = p.group;
      }
      var b = document.createElement('button');
      b.className = 'card' + (p.id === current ? ' sel' : ''); b.type = 'button';
      b.setAttribute('data-id', p.id);
      b.innerHTML = '<span class="id">' + esc(p.id) + '</span><h3>' + esc(p.title) + '</h3><p>' + esc(p.summary) + '</p>';
      b.addEventListener('click', function () { select(p.id, true); });
      cards.appendChild(b); shown++;
    });
    if (!shown) cards.innerHTML = '<div class="empty">nothing matches — try "domain", "ipfs", "tunnel", "server", "p2p"</div>';
  }

  var current = null;
  function merged(p, fill) {
    // replace the FILL IN block's contents with the edited text
    var re = /(### FILL IN\s*\n```[^\n]*\n)([\s\S]*?)(\n```)/;
    var body = p.body.replace(re, function (m, a, b, c) { return a + fill.replace(/\s+$/, '') + c; });
    return '# Prompt: ' + p.title + '\n\n' + body.replace(/\s+$/, '') + '\n';
  }
  function oneLiner(p, fill) {
    return 'Read ' + BASE + p.file + ' and carry it out as my instructions, with this FILL IN block:\n```\n' + fill.replace(/\s+$/, '') + '\n```';
  }

  function select(id, scroll) {
    var p = byId[id]; if (!p) return;
    current = id;
    if (location.hash !== '#' + id) history.replaceState(null, '', '#' + id);
    Array.prototype.forEach.call(cards.querySelectorAll('.card'), function (c) {
      c.classList.toggle('sel', c.getAttribute('data-id') === id);
    });
    var saved = load('fillin:' + id);
    var fill = saved != null ? saved : p.fillin;
    detail.innerHTML =
      '<h2>' + esc(p.title) + '</h2>' +
      '<div class="file"><a href="' + esc(p.file) + '">' + esc(p.file) + '</a> · ~' + p.words + ' words · <a href="browse/' + esc(p.file) + '.html">rendered</a></div>' +
      '<p class="sum">' + esc(p.summary) + '</p>' +
      '<div class="meta"><b>needs</b><span>' + esc(p.needs) + '</span><b>costs</b><span>' + esc(p.costs) + '</span></div>' +
      '<label class="h" for="fill"><span>FILL IN — edit, then copy</span><a href="#" id="reset">reset to example</a></label>' +
      '<textarea id="fill" spellcheck="false"></textarea>' +
      '<div class="btns">' +
        '<button class="b primary" id="copy">Copy prompt</button>' +
        '<button class="b" id="copy1">Copy one-liner for agents that fetch URLs</button>' +
        '<button class="b" id="copyurl">Copy raw URL</button>' +
      '</div>' +
      '<p class="hint">"Copy prompt" copies the whole prompt with your FILL IN values in place — paste it as the first message of a fresh conversation. The one-liner just points the agent at the file plus your values.</p>' +
      '<details><summary>show the full prompt as it will be copied</summary><pre id="full"></pre></details>';
    var ta = document.getElementById('fill');
    var full = document.getElementById('full');
    ta.value = fill;
    function refresh() { full.textContent = merged(p, ta.value); }
    refresh();
    ta.addEventListener('input', function () {
      store('fillin:' + id, ta.value === p.fillin ? null : ta.value); refresh();
    });
    document.getElementById('reset').addEventListener('click', function (e) {
      e.preventDefault(); ta.value = p.fillin; store('fillin:' + id, null); refresh();
    });
    bindCopy('copy', function () { return merged(p, ta.value); }, 'Copied prompt ✓');
    bindCopy('copy1', function () { return oneLiner(p, ta.value); }, 'Copied ✓');
    bindCopy('copyurl', function () { return BASE + p.file; }, 'Copied ✓');
    if (scroll && window.innerWidth <= 860) detail.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }

  function bindCopy(btnId, getText, okLabel) {
    var b = document.getElementById(btnId), label = b.textContent;
    b.addEventListener('click', function () {
      var text = getText();
      var done = function () { b.textContent = okLabel; b.classList.add('ok'); setTimeout(function () { b.textContent = label; b.classList.remove('ok'); }, 1600); };
      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).then(done, function () { fallback(text); done(); });
      } else { fallback(text); done(); }
    });
  }
  function fallback(text) {
    var t = document.createElement('textarea'); t.value = text; t.style.position = 'fixed'; t.style.opacity = '0';
    document.body.appendChild(t); t.select(); try { document.execCommand('copy'); } catch (e) {} document.body.removeChild(t);
  }

  q.addEventListener('input', function () { renderList(q.value); });
  window.addEventListener('hashchange', function () { var id = location.hash.slice(1); if (byId[id]) select(id, true); });

  renderList('');
  var first = location.hash.slice(1);
  select(byId[first] ? first : PROMPTS[0].id, false);
})();
</script>
</body>
</html>