mirror of
https://github.com/duthaho/claudekit.git
synced 2026-07-15 04:05:18 +03:00
refactor: documentation for workflows: update Planning & Building, Reviewing & Shipping, and Testing & Debugging sections to enhance clarity and structure.
This commit is contained in:
duthaho
@@ -1,63 +1,48 @@
|
||||
<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="The six-phase Claude Kit workflow: Think, Review, Build, Ship, Maintain, Setup">
|
||||
<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="The five-phase Claude Kit workflow: Investigate, Design, Implement, Verify, Ship">
|
||||
<defs>
|
||||
<radialGradient id="glow-d" cx="50%" cy="45%" r="55%">
|
||||
<radialGradient id="glow-d" cx="50%" cy="50%" r="55%">
|
||||
<stop offset="0%" stop-color="#fbbf24" stop-opacity="0.16"/>
|
||||
<stop offset="100%" stop-color="#fbbf24" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Ambient wash -->
|
||||
<ellipse cx="200" cy="140" rx="200" ry="130" fill="url(#glow-d)"/>
|
||||
<ellipse cx="200" cy="150" rx="200" ry="120" fill="url(#glow-d)"/>
|
||||
|
||||
<!-- Phase labels (row 1) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="11" font-weight="500" letter-spacing="0.08em" fill="#a8a29e" text-anchor="middle">
|
||||
<text x="70" y="80">THINK</text>
|
||||
<text x="200" y="80">REVIEW</text>
|
||||
<text x="330" y="80">BUILD</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase numbers (row 1) -->
|
||||
<!-- Phase numbers (above labels) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="9" font-weight="500" fill="#57534e" text-anchor="middle">
|
||||
<text x="70" y="64">01</text>
|
||||
<text x="200" y="64">02</text>
|
||||
<text x="330" y="64">03</text>
|
||||
<text x="50" y="100">01</text>
|
||||
<text x="125" y="100">02</text>
|
||||
<text x="200" y="100">03</text>
|
||||
<text x="275" y="100">04</text>
|
||||
<text x="350" y="100">05</text>
|
||||
</g>
|
||||
|
||||
<!-- Row 1 connector line -->
|
||||
<line x1="82" y1="110" x2="188" y2="110" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="212" y1="110" x2="318" y2="110" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 1 nodes -->
|
||||
<circle cx="70" cy="110" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="200" cy="110" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="330" cy="110" r="7" fill="#fbbf24"/>
|
||||
|
||||
<!-- Elbow: Build (3) -> Ship (4) -->
|
||||
<path d="M 337 110 Q 360 110 360 150 Q 360 190 337 190" fill="none" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 2 connector line -->
|
||||
<line x1="318" y1="190" x2="212" y2="190" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="188" y1="190" x2="82" y2="190" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 2 nodes -->
|
||||
<circle cx="330" cy="190" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="200" cy="190" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="70" cy="190" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
|
||||
<!-- Phase labels (row 2) -->
|
||||
<!-- Phase labels (above nodes) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="11" font-weight="500" letter-spacing="0.08em" fill="#a8a29e" text-anchor="middle">
|
||||
<text x="330" y="222">SHIP</text>
|
||||
<text x="200" y="222">MAINTAIN</text>
|
||||
<text x="70" y="222">SETUP</text>
|
||||
<text x="50" y="120">INVESTIGATE</text>
|
||||
<text x="125" y="120">DESIGN</text>
|
||||
<text x="200" y="120">IMPLEMENT</text>
|
||||
<text x="275" y="120">VERIFY</text>
|
||||
<text x="350" y="120">SHIP</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase numbers (row 2) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="9" font-weight="500" fill="#57534e" text-anchor="middle">
|
||||
<text x="330" y="238">04</text>
|
||||
<text x="200" y="238">05</text>
|
||||
<text x="70" y="238">06</text>
|
||||
</g>
|
||||
<!-- Connector lines between nodes (dashed) -->
|
||||
<line x1="60" y1="150" x2="115" y2="150" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="135" y1="150" x2="190" y2="150" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="210" y1="150" x2="265" y2="150" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="285" y1="150" x2="340" y2="150" stroke="#fbbf24" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Nodes (Verify is filled — load-bearing phase for verification-first identity) -->
|
||||
<circle cx="50" cy="150" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="125" cy="150" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="200" cy="150" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
<circle cx="275" cy="150" r="7" fill="#fbbf24"/>
|
||||
<circle cx="350" cy="150" r="7" fill="#0a0f0a" stroke="#fbbf24" stroke-width="2"/>
|
||||
|
||||
<!-- Sub-tagline under spine -->
|
||||
<text x="200" y="195" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.08em" fill="#a8a29e" text-anchor="middle">VERIFICATION-FIRST ENGINEERING TOOLKIT</text>
|
||||
|
||||
<!-- Footer inscription -->
|
||||
<text x="200" y="270" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.12em" fill="#57534e" text-anchor="middle">35 SKILLS · 24 AGENTS · 7 MODES</text>
|
||||
<text x="200" y="245" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.12em" fill="#57534e" text-anchor="middle">15 SKILLS · 8 AGENTS · 5 OUTPUT STYLES</text>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,63 +1,48 @@
|
||||
<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="The six-phase Claude Kit workflow: Think, Review, Build, Ship, Maintain, Setup">
|
||||
<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="The five-phase Claude Kit workflow: Investigate, Design, Implement, Verify, Ship">
|
||||
<defs>
|
||||
<radialGradient id="glow-l" cx="50%" cy="45%" r="55%">
|
||||
<radialGradient id="glow-l" cx="50%" cy="50%" r="55%">
|
||||
<stop offset="0%" stop-color="#d97706" stop-opacity="0.10"/>
|
||||
<stop offset="100%" stop-color="#d97706" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Ambient wash -->
|
||||
<ellipse cx="200" cy="140" rx="200" ry="130" fill="url(#glow-l)"/>
|
||||
<ellipse cx="200" cy="150" rx="200" ry="120" fill="url(#glow-l)"/>
|
||||
|
||||
<!-- Phase labels (row 1, above nodes) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="11" font-weight="500" letter-spacing="0.08em" fill="#57534e" text-anchor="middle">
|
||||
<text x="70" y="80">THINK</text>
|
||||
<text x="200" y="80">REVIEW</text>
|
||||
<text x="330" y="80">BUILD</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase numbers (row 1) -->
|
||||
<!-- Phase numbers (above labels) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="9" font-weight="500" fill="#a8a29e" text-anchor="middle">
|
||||
<text x="70" y="64">01</text>
|
||||
<text x="200" y="64">02</text>
|
||||
<text x="330" y="64">03</text>
|
||||
<text x="50" y="100">01</text>
|
||||
<text x="125" y="100">02</text>
|
||||
<text x="200" y="100">03</text>
|
||||
<text x="275" y="100">04</text>
|
||||
<text x="350" y="100">05</text>
|
||||
</g>
|
||||
|
||||
<!-- Row 1 connector line -->
|
||||
<line x1="82" y1="110" x2="188" y2="110" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="212" y1="110" x2="318" y2="110" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 1 nodes -->
|
||||
<circle cx="70" cy="110" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="200" cy="110" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="330" cy="110" r="7" fill="#d97706"/>
|
||||
|
||||
<!-- Elbow: Build (3) -> Ship (4) -->
|
||||
<path d="M 337 110 Q 360 110 360 150 Q 360 190 337 190" fill="none" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 2 connector line -->
|
||||
<line x1="318" y1="190" x2="212" y2="190" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="188" y1="190" x2="82" y2="190" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Row 2 nodes -->
|
||||
<circle cx="330" cy="190" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="200" cy="190" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="70" cy="190" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
|
||||
<!-- Phase labels (row 2, below nodes) -->
|
||||
<!-- Phase labels (above nodes) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="11" font-weight="500" letter-spacing="0.08em" fill="#57534e" text-anchor="middle">
|
||||
<text x="330" y="222">SHIP</text>
|
||||
<text x="200" y="222">MAINTAIN</text>
|
||||
<text x="70" y="222">SETUP</text>
|
||||
<text x="50" y="120">INVESTIGATE</text>
|
||||
<text x="125" y="120">DESIGN</text>
|
||||
<text x="200" y="120">IMPLEMENT</text>
|
||||
<text x="275" y="120">VERIFY</text>
|
||||
<text x="350" y="120">SHIP</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase numbers (row 2) -->
|
||||
<g font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="9" font-weight="500" fill="#a8a29e" text-anchor="middle">
|
||||
<text x="330" y="238">04</text>
|
||||
<text x="200" y="238">05</text>
|
||||
<text x="70" y="238">06</text>
|
||||
</g>
|
||||
<!-- Connector lines between nodes (dashed) -->
|
||||
<line x1="60" y1="150" x2="115" y2="150" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="135" y1="150" x2="190" y2="150" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="210" y1="150" x2="265" y2="150" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
<line x1="285" y1="150" x2="340" y2="150" stroke="#d97706" stroke-width="1.5" stroke-dasharray="2 3"/>
|
||||
|
||||
<!-- Nodes (Verify is filled — load-bearing phase for verification-first identity) -->
|
||||
<circle cx="50" cy="150" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="125" cy="150" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="200" cy="150" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
<circle cx="275" cy="150" r="7" fill="#d97706"/>
|
||||
<circle cx="350" cy="150" r="7" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
|
||||
|
||||
<!-- Sub-tagline under spine -->
|
||||
<text x="200" y="195" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.08em" fill="#78716c" text-anchor="middle">VERIFICATION-FIRST ENGINEERING TOOLKIT</text>
|
||||
|
||||
<!-- Footer inscription -->
|
||||
<text x="200" y="270" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.12em" fill="#a8a29e" text-anchor="middle">35 SKILLS · 24 AGENTS · 7 MODES</text>
|
||||
<text x="200" y="245" font-family="'IBM Plex Mono', ui-monospace, monospace" font-size="10" font-weight="400" letter-spacing="0.12em" fill="#a8a29e" text-anchor="middle">15 SKILLS · 8 AGENTS · 5 OUTPUT STYLES</text>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 2.7 KiB |
Reference in New Issue
Block a user