File size: 5,008 Bytes
9ec4919 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Loop Engineering stack</title>
<desc id="desc">A clean layered diagram showing Prompt Engineering, Context Engineering, Harness Engineering, and Loop Engineering as a recurring system contract.</desc>
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#0f172a"/>
<stop offset="100%" stop-color="#111827"/>
</linearGradient>
<linearGradient id="loop" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#a78bfa"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#000000" flood-opacity="0.25"/>
</filter>
</defs>
<rect width="1200" height="760" rx="34" fill="url(#bg)"/>
<text x="600" y="64" text-anchor="middle" fill="#f8fafc" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="34" font-weight="800">Loop Engineering Stack</text>
<text x="600" y="98" text-anchor="middle" fill="#cbd5e1" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="17">From single prompts to recurring, stateful, verified agent systems</text>
<g filter="url(#shadow)">
<rect x="90" y="132" width="1020" height="78" rx="22" fill="#1e293b" stroke="#334155"/>
<text x="140" y="166" fill="#93c5fd" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="20" font-weight="700">Prompt Engineering</text>
<text x="140" y="193" fill="#e2e8f0" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="16">What should I say to the model?</text>
<rect x="90" y="228" width="1020" height="78" rx="22" fill="#172554" stroke="#1d4ed8"/>
<text x="140" y="262" fill="#bfdbfe" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="20" font-weight="700">Context Engineering</text>
<text x="140" y="289" fill="#dbeafe" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="16">What state, memory, docs, and examples should the agent see?</text>
<rect x="90" y="324" width="1020" height="78" rx="22" fill="#312e81" stroke="#6366f1"/>
<text x="140" y="358" fill="#ddd6fe" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="20" font-weight="700">Harness Engineering</text>
<text x="140" y="385" fill="#ede9fe" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="16">What tools, permissions, sandboxes, traces, and checks surround one agent run?</text>
<rect x="90" y="420" width="1020" height="250" rx="28" fill="url(#loop)" opacity="0.96"/>
<text x="140" y="458" fill="#082f49" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="22" font-weight="900">Loop Engineering</text>
<text x="140" y="486" fill="#0f172a" font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="16" font-weight="600">A recurring system contract for agent work.</text>
</g>
<g font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif">
<rect x="140" y="515" width="440" height="66" rx="18" fill="#0f172a" opacity="0.92"/>
<text x="168" y="543" fill="#e0f2fe" font-size="16" font-weight="800">1. Goal + Trigger</text>
<text x="168" y="566" fill="#bae6fd" font-size="13">Define success, cadence, and work intake.</text>
<rect x="620" y="515" width="440" height="66" rx="18" fill="#0f172a" opacity="0.92"/>
<text x="648" y="543" fill="#e0f2fe" font-size="16" font-weight="800">2. Context + Harness</text>
<text x="648" y="566" fill="#bae6fd" font-size="13">Load state, tools, permissions, and isolation.</text>
<rect x="140" y="601" width="440" height="66" rx="18" fill="#0f172a" opacity="0.92"/>
<text x="168" y="629" fill="#e0f2fe" font-size="16" font-weight="800">3. Delegate + Verify</text>
<text x="168" y="652" fill="#bae6fd" font-size="13">Route work, test, evaluate, and collect receipts.</text>
<rect x="620" y="601" width="440" height="66" rx="18" fill="#0f172a" opacity="0.92"/>
<text x="648" y="629" fill="#e0f2fe" font-size="16" font-weight="800">4. State + Next Action</text>
<text x="648" y="652" fill="#bae6fd" font-size="13">Persist, repeat, report, or escalate.</text>
</g>
<g font-family="Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif" font-size="15">
<circle cx="95" cy="724" r="5" fill="#38bdf8"/>
<text x="112" y="729" fill="#cbd5e1">Core contract: objective, trigger, discover/intake, workspace, context, delegation, verification, state, budget, escalation, exit.</text>
</g>
</svg>
|