archik 0.6.15 → 0.6.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/docs/hero.svg +1 -1
- package/docs/screenshot_1.png +0 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -46,6 +46,12 @@ npx archik stop # done
|
|
|
46
46
|
|
|
47
47
|
That's the whole onboarding. The canvas saves edits straight back to the YAML; the file is the truth, the canvas is a projection.
|
|
48
48
|
|
|
49
|
+
<p align="center">
|
|
50
|
+
<video src="https://github.com/bacharSalleh/archik/raw/main/docs/record_1.mp4" poster="https://cdn.jsdelivr.net/npm/archik/docs/screenshot_1.png" width="780" controls muted autoplay loop playsinline>
|
|
51
|
+
<img src="https://cdn.jsdelivr.net/npm/archik/docs/screenshot_1.png" alt="Archik canvas demo" width="780">
|
|
52
|
+
</video>
|
|
53
|
+
</p>
|
|
54
|
+
|
|
49
55
|
## What you write
|
|
50
56
|
|
|
51
57
|
```yaml
|
package/docs/hero.svg
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1859" height="496.6666666666667" viewBox="-24 -24 1859 496.6666666666667" preserveAspectRatio="xMidYMid meet" style="display:block;flex-shrink:0"><defs><marker id="archik-arrow-filled" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="context-stroke"></path></marker><marker id="archik-arrow-open" viewBox="0 0 12 12" refX="11" refY="6" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 1 1 L 11 6 L 1 11" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path></marker><marker id="archik-arrow-circle" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><circle cx="5" cy="5" r="4" fill="context-stroke"></circle></marker><marker id="archik-arrow-selected" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#22d3ee"></path></marker></defs><g class="archik-edges"><g data-archik-edge-id="web-api" data-archik-edge-relationship="http_call" class="archik-edge archik-edge--http_call"><polyline class="archik-edge-flowing" points="212,363.6666666666667 483,363.6666666666667" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(347.5, 383.6666666666667)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">ask question</text></g></g><g data-archik-edge-id="api-db" data-archik-edge-relationship="writes" class="archik-edge archik-edge--writes"><polyline class="archik-edge-flowing" points="655,350 665,350 665,81 1027,81" fill="none" stroke="#cbd5e1" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(841, 69)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">save ticket</text></g></g><g data-archik-edge-id="api-queue" data-archik-edge-relationship="publishes" class="archik-edge archik-edge--publishes"><polyline class="archik-edge-flowing" points="655,377.33333333333337 1027,377.33333333333337" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-circle)" stroke-dasharray="2 6"></polyline><g transform="translate(841, 397.33333333333337)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">new ticket</text></g></g><g data-archik-edge-id="router-queue" data-archik-edge-relationship="subscribes" class="archik-edge archik-edge--subscribes"><polyline class="archik-edge-flowing" points="927,250.33333333333334 937,250.33333333333334 937,350.6666666666667 1027,350.6666666666667" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g><g data-archik-edge-id="router-agent" data-archik-edge-relationship="invokes" class="archik-edge archik-edge--invokes"><polyline class="archik-edge-flowing" points="927,223 1037.6666666666665,223" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g><g data-archik-edge-id="agent-claude" data-archik-edge-relationship="invokes" class="archik-edge archik-edge--invokes"><polyline class="archik-edge-flowing" points="1209.6666666666665,209.33333333333331 1225,209.33333333333331 1225,85.66666666666669 1587,85.66666666666669" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(1401, 73.66666666666669)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">draft reply</text></g></g><g data-archik-edge-id="agent-lookup" data-archik-edge-relationship="uses" class="archik-edge archik-edge--uses"><polyline points="1209.6666666666665,236.66666666666666 1315,236.66666666666666" fill="none" stroke="#64748b" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-open)" stroke-dasharray="4 4"></polyline></g><g data-archik-edge-id="lookup-stripe" data-archik-edge-relationship="http_call" class="archik-edge archik-edge--http_call"><polyline class="archik-edge-flowing" points="1487,236.66666666666666 1587,236.66666666666666" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g></g><g class="archik-nodes"><g data-archik-node-id="web" transform="translate(40, 318.6666666666667)"><g class="archik-node archik-node--frontend"><rect width="172" height="90" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f472b6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">FRONTEND</text><text x="86" y="55" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Help Center</text><text x="86" y="73" text-anchor="middle" font-size="11" fill="#b6c2d8">Next.js</text></g></g><g data-archik-node-id="api" transform="translate(483, 322.6666666666667)"><g class="archik-node archik-node--service"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">SERVICE</text><text x="86" y="51" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Support API</text><text x="86" y="69" text-anchor="middle" font-size="11" fill="#b6c2d8">Go + Postgres</text></g></g><g data-archik-node-id="db" transform="translate(1027, 40)"><g class="archik-node archik-node--database"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">DATABASE</text><text x="86" y="51" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Tickets DB</text><text x="86" y="69" text-anchor="middle" font-size="11" fill="#b6c2d8">Postgres 16</text></g></g><g data-archik-node-id="queue" transform="translate(1027, 324)"><g class="archik-node archik-node--queue"><rect width="188" height="80" rx="28" ry="28" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="28" y1="28" x2="160" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(29, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fbbf24" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send-horizontal"><path d="M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z"></path><path d="M6 12h16"></path></svg></g><text x="94" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">QUEUE</text><text x="94" y="50" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Inbound Tickets</text><text x="94" y="68" text-anchor="middle" font-size="11" fill="#b6c2d8">SQS</text></g></g><g data-archik-node-id="router" transform="translate(755, 195.66666666666669)"><g class="archik-node archik-node--worker"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#06b6d4" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"></path><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path><path d="M12 2v2"></path><path d="M12 22v-2"></path><path d="m17 20.66-1-1.73"></path><path d="M11 10.27 7 3.34"></path><path d="m20.66 17-1.73-1"></path><path d="m3.34 7 1.73 1"></path><path d="M14 12h8"></path><path d="M2 12h2"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m17 3.34-1 1.73"></path><path d="m11 13.73-4 6.93"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">WORKER</text><text x="86" y="51" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Ticket Router</text><text x="86" y="69" text-anchor="middle" font-size="11" fill="#b6c2d8">Go</text></g></g><g data-archik-node-id="agent" transform="translate(1037.6666666666665, 182)"><g class="archik-node archik-node--agent"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#14b8a6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">AGENT</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Support Agent</text></g><g transform="translate(152, 8)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#67e8f9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></g></g><g data-archik-node-id="claude" transform="translate(1587, 44.666666666666686)"><g class="archik-node archik-node--llm"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a855f7" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">LLM</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Claude</text></g></g><g data-archik-node-id="lookup" transform="translate(1315, 195.66666666666666)"><g class="archik-node archik-node--tool"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fde047" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">TOOL</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Lookup Order</text></g></g><g data-archik-node-id="stripe" transform="translate(1587, 186.66666666666666)"><g class="archik-node archik-node--external"><rect width="184" height="100" rx="8" ry="8" fill="#142037" stroke="#1d2b48" stroke-width="1.2" stroke-dasharray="6 4"></rect><line x1="6" y1="28" x2="178" y2="28" stroke="#1d2b48" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></g><text x="92" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">EXTERNAL</text><text x="92" y="62" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Stripe</text><text x="92" y="88" text-anchor="middle" font-size="10" fill="#b6c2d8">Payments + subscription st…</text></g><g transform="translate(164, 8)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#67e8f9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></g></g></g></svg>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1859" height="514.6666666666667" viewBox="-24 -24 1859 514.6666666666667" preserveAspectRatio="xMidYMid meet" style="display:block;flex-shrink:0"><rect x="-24" y="-24" width="1859" height="514.6666666666667" fill="#050912"/><g><defs><marker id="archik-arrow-filled" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="context-stroke"></path></marker><marker id="archik-arrow-open" viewBox="0 0 12 12" refX="11" refY="6" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 1 1 L 11 6 L 1 11" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path></marker><marker id="archik-arrow-circle" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><circle cx="5" cy="5" r="4" fill="context-stroke"></circle></marker><marker id="archik-arrow-selected" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#22d3ee"></path></marker><marker id="archik-arrow-uml-triangle" viewBox="0 0 14 14" refX="13" refY="7" markerWidth="11" markerHeight="11" orient="auto-start-reverse"><path d="M 1 1 L 13 7 L 1 13 z" fill="#0c1426" stroke="context-stroke" stroke-width="1.4" stroke-linejoin="round"></path></marker><marker id="archik-arrow-uml-diamond-filled" viewBox="0 0 16 10" refX="0" refY="5" markerWidth="12" markerHeight="9" orient="auto-start-reverse"><path d="M 0 5 L 8 0 L 16 5 L 8 10 z" fill="context-stroke" stroke="context-stroke" stroke-width="1" stroke-linejoin="round"></path></marker><marker id="archik-arrow-double" viewBox="0 0 14 12" refX="13" refY="6" markerWidth="9" markerHeight="8" orient="auto-start-reverse"><path d="M 1 1 L 7 6 L 1 11 M 6 1 L 12 6 L 6 11" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path></marker></defs><g class="archik-edges"><g data-archik-edge-id="web-api" data-archik-edge-relationship="http_call" class="archik-edge archik-edge--http_call"><polyline class="archik-edge-flowing" points="212,381.6666666666667 483,381.6666666666667" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(347.5, 401.6666666666667)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">ask question</text></g></g><g data-archik-edge-id="api-db" data-archik-edge-relationship="writes" class="archik-edge archik-edge--writes"><polyline class="archik-edge-flowing" points="655,368 665,368 665,90 1027,90" fill="none" stroke="#cbd5e1" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(841, 78)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">save ticket</text></g></g><g data-archik-edge-id="api-queue" data-archik-edge-relationship="publishes" class="archik-edge archik-edge--publishes"><polyline class="archik-edge-flowing" points="655,395.33333333333337 1027,395.33333333333337" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-circle)" stroke-dasharray="2 6"></polyline><g transform="translate(841, 415.33333333333337)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">new ticket</text></g></g><g data-archik-edge-id="router-queue" data-archik-edge-relationship="subscribes" class="archik-edge archik-edge--subscribes"><polyline class="archik-edge-flowing" points="927,268.33333333333337 937,268.33333333333337 937,368.6666666666667 1027,368.6666666666667" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g><g data-archik-edge-id="router-agent" data-archik-edge-relationship="invokes" class="archik-edge archik-edge--invokes"><polyline class="archik-edge-flowing" points="927,241 1037.6666666666665,241" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g><g data-archik-edge-id="agent-claude" data-archik-edge-relationship="invokes" class="archik-edge archik-edge--invokes"><polyline class="archik-edge-flowing" points="1209.6666666666665,227.33333333333331 1225,227.33333333333331 1225,103.66666666666669 1587,103.66666666666669" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline><g transform="translate(1401, 91.66666666666669)"><text text-anchor="middle" font-size="11" font-weight="500" fill="#8b9bb8" stroke="#0c1426" stroke-width="3" paint-order="stroke">draft reply</text></g></g><g data-archik-edge-id="agent-lookup" data-archik-edge-relationship="uses" class="archik-edge archik-edge--uses"><polyline points="1209.6666666666665,254.66666666666666 1315,254.66666666666666" fill="none" stroke="#64748b" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-open)" stroke-dasharray="4 4"></polyline></g><g data-archik-edge-id="lookup-stripe" data-archik-edge-relationship="http_call" class="archik-edge archik-edge--http_call"><polyline class="archik-edge-flowing" points="1487,254.66666666666666 1587,254.66666666666666" fill="none" stroke="#cbd5e1" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" marker-end="url(#archik-arrow-filled)" stroke-dasharray="2 6"></polyline></g></g><g class="archik-nodes"><g data-archik-node-id="web" transform="translate(40, 336.6666666666667)"><g class="archik-node archik-node--frontend"><rect width="172" height="90" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f472b6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">FRONTEND</text><text x="86" y="55" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Help Center</text><text x="86" y="73" text-anchor="middle" font-size="11" fill="#b6c2d8">Next.js</text></g></g><g data-archik-node-id="api" transform="translate(483, 340.6666666666667)"><g class="archik-node archik-node--service"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">SERVICE</text><text x="86" y="51" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Support API</text><text x="86" y="69" text-anchor="middle" font-size="11" fill="#b6c2d8">Go + Postgres</text></g></g><g data-archik-node-id="db" transform="translate(1027, 40)"><g class="archik-node archik-node--database"><path d="M 0 10 L 0 90 A 10 10 0 0 0 10 100 L 174 100 A 10 10 0 0 0 184 90 L 184 10 A 92 10 0 0 0 0 10 Z" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4" stroke-linejoin="round"></path><ellipse cx="92" cy="10" rx="92" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></ellipse><text x="92" y="44" text-anchor="middle" font-size="14" font-weight="600" fill="#e6edf7">Tickets DB</text><text x="92" y="62" text-anchor="middle" font-size="11" fill="#b6c2d8">Postgres 16</text><line x1="4" y1="78" x2="180" y2="78" stroke="#2c3e63" stroke-opacity="0.45" stroke-width="1"></line><g transform="translate(14, 82)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></g><text x="92" y="93" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">DATABASE</text></g></g><g data-archik-node-id="queue" transform="translate(1027, 342)"><g class="archik-node archik-node--queue"><rect width="188" height="80" rx="28" ry="28" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="28" y1="28" x2="160" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(29, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fbbf24" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send-horizontal"><path d="M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z"></path><path d="M6 12h16"></path></svg></g><text x="94" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">QUEUE</text><text x="94" y="50" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Inbound Tickets</text><text x="94" y="68" text-anchor="middle" font-size="11" fill="#b6c2d8">SQS</text></g></g><g data-archik-node-id="router" transform="translate(755, 213.66666666666669)"><g class="archik-node archik-node--worker"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#06b6d4" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"></path><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path><path d="M12 2v2"></path><path d="M12 22v-2"></path><path d="m17 20.66-1-1.73"></path><path d="M11 10.27 7 3.34"></path><path d="m20.66 17-1.73-1"></path><path d="m3.34 7 1.73 1"></path><path d="M14 12h8"></path><path d="M2 12h2"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m17 3.34-1 1.73"></path><path d="m11 13.73-4 6.93"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">WORKER</text><text x="86" y="51" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Ticket Router</text><text x="86" y="69" text-anchor="middle" font-size="11" fill="#b6c2d8">Go</text></g></g><g data-archik-node-id="agent" transform="translate(1037.6666666666665, 200)"><g class="archik-node archik-node--agent"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#14b8a6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">AGENT</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Support Agent</text></g><g transform="translate(152, 8)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#67e8f9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></g></g><g data-archik-node-id="claude" transform="translate(1587, 62.666666666666686)"><g class="archik-node archik-node--llm"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a855f7" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">LLM</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Claude</text></g></g><g data-archik-node-id="lookup" transform="translate(1315, 213.66666666666666)"><g class="archik-node archik-node--tool"><rect width="172" height="82" rx="10" ry="10" fill="#0c1426" stroke="#2c3e63" stroke-width="1.4"></rect><line x1="0" y1="28" x2="172" y2="28" stroke="#2c3e63" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fde047" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></g><text x="86" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">TOOL</text><text x="86" y="59" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Lookup Order</text></g></g><g data-archik-node-id="stripe" transform="translate(1587, 204.66666666666666)"><g class="archik-node archik-node--external"><rect width="184" height="100" rx="8" ry="8" fill="#142037" stroke="#1d2b48" stroke-width="1.2" stroke-dasharray="6 4"></rect><line x1="6" y1="28" x2="178" y2="28" stroke="#1d2b48" stroke-opacity="0.25" stroke-width="1"></line><g transform="translate(11, 7)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></g><text x="92" y="17" text-anchor="middle" font-size="9.5" font-weight="600" letter-spacing="0.12em" fill="#67e8f9">EXTERNAL</text><text x="92" y="62" text-anchor="middle" font-size="13" font-weight="600" fill="#e6edf7">Stripe</text><text x="92" y="88" text-anchor="middle" font-size="10" fill="#b6c2d8">Payments + subscription st…</text></g><g transform="translate(164, 8)" pointer-events="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#67e8f9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></g></g></g></g></svg>
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "archik",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.17",
|
|
4
4
|
"description": "The shared vocabulary between you and Claude Code, at the engineering level. Plain-YAML architecture diagrams with a live browser canvas, headless SVG render in CI, and an installable Claude skill so the model treats the diagram as the spec.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"architecture",
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"docs/hero.svg",
|
|
34
34
|
"docs/logo.svg",
|
|
35
35
|
"docs/wordmark.svg",
|
|
36
|
+
"docs/screenshot_1.png",
|
|
36
37
|
".claude/skills/archik",
|
|
37
38
|
"README.md",
|
|
38
39
|
"LICENSE"
|