Add reprint of Plan/Assign/Build/Retro post from Infinity Interactive blog
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,82 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 880 420">
|
||||
<defs>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
|
||||
|
||||
.phase-box { fill: #242220; stroke: #3d3835; stroke-width: 1.5; rx: 8; }
|
||||
.phase-box-active { fill: #2a2422; stroke: #c45c3c; stroke-width: 1.5; rx: 8; }
|
||||
.phase-label { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 18px; fill: #e8e0d4; letter-spacing: 0.08em; }
|
||||
.role-you { font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 12px; fill: #c45c3c; }
|
||||
.role-ai { font-family: 'DM Sans', sans-serif; font-weight: 400; font-size: 12px; fill: #8a8078; }
|
||||
.role-label { font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 10px; fill: #5a5550; letter-spacing: 0.06em; }
|
||||
.arrow { fill: none; stroke: #c45c3c; stroke-width: 2; }
|
||||
.arrow-head { fill: #c45c3c; }
|
||||
.loop-arrow { fill: none; stroke: #c45c3c; stroke-width: 1.5; stroke-dasharray: 6 4; }
|
||||
.loop-label { font-family: 'DM Sans', sans-serif; font-weight: 400; font-size: 11px; fill: #5a5550; font-style: italic; }
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="880" height="420" fill="#1a1916" rx="12"/>
|
||||
|
||||
<!-- Phase boxes - horizontal layout with generous spacing -->
|
||||
<!-- PLAN -->
|
||||
<rect class="phase-box" x="40" y="120" width="170" height="160"/>
|
||||
<text class="phase-label" x="125" y="168" text-anchor="middle">PLAN</text>
|
||||
<line x1="70" y1="182" x2="180" y2="182" stroke="#3d3835" stroke-width="1"/>
|
||||
<text class="role-label" x="125" y="206" text-anchor="middle">YOU</text>
|
||||
<text class="role-you" x="125" y="222" text-anchor="middle">Architect</text>
|
||||
<text class="role-label" x="125" y="246" text-anchor="middle">AI</text>
|
||||
<text class="role-ai" x="125" y="262" text-anchor="middle">Stenographer</text>
|
||||
|
||||
<!-- ASSIGN -->
|
||||
<rect class="phase-box" x="260" y="120" width="170" height="160"/>
|
||||
<text class="phase-label" x="345" y="168" text-anchor="middle">ASSIGN</text>
|
||||
<line x1="290" y1="182" x2="400" y2="182" stroke="#3d3835" stroke-width="1"/>
|
||||
<text class="role-label" x="345" y="206" text-anchor="middle">YOU</text>
|
||||
<text class="role-you" x="345" y="222" text-anchor="middle">Organizer</text>
|
||||
<text class="role-label" x="345" y="246" text-anchor="middle">AI</text>
|
||||
<text class="role-ai" x="345" y="262" text-anchor="middle">—</text>
|
||||
|
||||
<!-- BUILD -->
|
||||
<rect class="phase-box" x="480" y="120" width="170" height="160"/>
|
||||
<text class="phase-label" x="565" y="168" text-anchor="middle">BUILD</text>
|
||||
<line x1="510" y1="182" x2="620" y2="182" stroke="#3d3835" stroke-width="1"/>
|
||||
<text class="role-label" x="565" y="206" text-anchor="middle">YOU</text>
|
||||
<text class="role-you" x="565" y="222" text-anchor="middle">Supervisor</text>
|
||||
<text class="role-label" x="565" y="246" text-anchor="middle">AI</text>
|
||||
<text class="role-ai" x="565" y="262" text-anchor="middle">Developer</text>
|
||||
|
||||
<!-- RETRO -->
|
||||
<rect class="phase-box" x="700" y="120" width="170" height="160"/>
|
||||
<text class="phase-label" x="785" y="168" text-anchor="middle">RETRO</text>
|
||||
<line x1="730" y1="182" x2="840" y2="182" stroke="#3d3835" stroke-width="1"/>
|
||||
<text class="role-label" x="785" y="206" text-anchor="middle">YOU</text>
|
||||
<text class="role-you" x="785" y="222" text-anchor="middle">Reader</text>
|
||||
<text class="role-label" x="785" y="246" text-anchor="middle">AI</text>
|
||||
<text class="role-ai" x="785" y="262" text-anchor="middle">Analyst</text>
|
||||
|
||||
<!-- Forward arrows between boxes -->
|
||||
<!-- PLAN → ASSIGN -->
|
||||
<line class="arrow" x1="210" y1="200" x2="254" y2="200"/>
|
||||
<polygon class="arrow-head" points="254,195 264,200 254,205"/>
|
||||
|
||||
<!-- ASSIGN → BUILD -->
|
||||
<line class="arrow" x1="430" y1="200" x2="474" y2="200"/>
|
||||
<polygon class="arrow-head" points="474,195 484,200 474,205"/>
|
||||
|
||||
<!-- BUILD → RETRO -->
|
||||
<line class="arrow" x1="650" y1="200" x2="694" y2="200"/>
|
||||
<polygon class="arrow-head" points="694,195 704,200 694,205"/>
|
||||
|
||||
<!-- Loop arrow: RETRO back to PLAN (goes under) -->
|
||||
<path class="loop-arrow" d="M 785,280 L 785,340 Q 785,360 765,360 L 145,360 Q 125,360 125,340 L 125,280"/>
|
||||
<polygon class="arrow-head" points="120,284 125,272 130,284" opacity="0.6"/>
|
||||
|
||||
<!-- Loop label -->
|
||||
<text class="loop-label" x="455" y="375" text-anchor="middle">repeat</text>
|
||||
|
||||
<!-- Top label -->
|
||||
<text font-family="DM Sans, sans-serif" font-weight="400" font-size="13" fill="#5a5550" letter-spacing="0.12em" x="440" y="80" text-anchor="middle">THE CORE LOOP</text>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
Reference in New Issue
Block a user