archik 0.6.9 → 0.6.11

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.
Files changed (5) hide show
  1. package/README.md +2 -2
  2. package/dist/ui/favicon.svg +7 -10
  3. package/docs/logo.svg +7 -27
  4. package/docs/wordmark.svg +12 -18
  5. package/package.json +2 -2
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  <p align="center">
2
- <img src="./docs/logo.svg" alt="archik" width="120">
2
+ <img src="https://cdn.jsdelivr.net/npm/archik/docs/logo.svg" alt="archik" width="120">
3
3
  </p>
4
4
 
5
5
  <h1 align="center">archik</h1>
@@ -17,7 +17,7 @@
17
17
  [![Twitter Follow](https://img.shields.io/twitter/follow/bach__92?style=social)](https://x.com/bach__92)
18
18
 
19
19
  <p align="center">
20
- <img src="./docs/hero.svg" alt="Sample Archik diagram of an LLM-assisted support system" width="780">
20
+ <img src="https://cdn.jsdelivr.net/npm/archik/docs/hero.svg" alt="Sample Archik diagram of an LLM-assisted support system" width="780">
21
21
  </p>
22
22
 
23
23
  archik gives your project — and the AI editing it — *one file* that
package/dist/ui/favicon.svg CHANGED
@@ -1,11 +1,8 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
2
- <!-- Three-node "A" — left stroke (cyan), right stroke (magenta), -->
3
- <!-- dashed cross-bar at the bottom. The dashed cross-bar is the -->
4
- <!-- visual signature: nodes connected by dashed edges = archik. -->
5
- <path d="M 16 6 L 6 24" stroke="#22d3ee" stroke-width="2.2" stroke-linecap="round"/>
6
- <path d="M 16 6 L 26 24" stroke="#f472b6" stroke-width="2.2" stroke-linecap="round"/>
7
- <path d="M 7.5 24 L 24.5 24" stroke="#67e8f9" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="2 2.5"/>
8
- <circle cx="16" cy="6" r="3.4" fill="#22d3ee" stroke="#0c1426" stroke-width="0.6"/>
9
- <circle cx="6" cy="24" r="3.4" fill="#67e8f9" stroke="#0c1426" stroke-width="0.6"/>
10
- <circle cx="26" cy="24" r="3.4" fill="#f472b6" stroke="#0c1426" stroke-width="0.6"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2
+ <path d="M 12 5 L 5 18" stroke="#22d3ee" stroke-width="1.6" stroke-linecap="round"/>
3
+ <path d="M 12 5 L 19 18" stroke="#67e8f9" stroke-width="1.6" stroke-linecap="round"/>
4
+ <path d="M 5 18 L 19 18" stroke="#f472b6" stroke-width="1.4" stroke-linecap="round" stroke-dasharray="2.5 2.5"/>
5
+ <circle cx="12" cy="5" r="2.8" fill="#22d3ee"/>
6
+ <circle cx="5" cy="18" r="2.8" fill="#67e8f9"/>
7
+ <circle cx="19" cy="18" r="2.8" fill="#f472b6"/>
11
8
  </svg>
package/docs/logo.svg CHANGED
@@ -1,28 +1,8 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="240" height="240" fill="none" role="img" aria-label="archik">
2
- <!-- Subtle radial glow behind the apex node so the logo has -->
3
- <!-- presence on dark backgrounds. Hidden by the rounded rect -->
4
- <!-- on light themes too — opacity is low. -->
5
- <defs>
6
- <radialGradient id="glow" cx="0.5" cy="0.32" r="0.6">
7
- <stop offset="0%" stop-color="#22d3ee" stop-opacity="0.32"/>
8
- <stop offset="100%" stop-color="#22d3ee" stop-opacity="0"/>
9
- </radialGradient>
10
- </defs>
11
- <rect width="240" height="240" rx="48" fill="url(#glow)"/>
12
-
13
- <!-- Three-node "A" — same DNA as the favicon, scaled up with -->
14
- <!-- room for slightly thicker strokes and crisper node halos. -->
15
- <g stroke-linecap="round">
16
- <path d="M 120 56 L 56 188" stroke="#22d3ee" stroke-width="14"/>
17
- <path d="M 120 56 L 184 188" stroke="#f472b6" stroke-width="14"/>
18
- <path d="M 70 188 L 170 188" stroke="#67e8f9" stroke-width="11" stroke-dasharray="14 14"/>
19
- </g>
20
-
21
- <!-- Nodes: bright fill + thin dark stroke for crispness on -->
22
- <!-- both light and dark backgrounds. -->
23
- <g stroke="#0c1426" stroke-width="2">
24
- <circle cx="120" cy="56" r="22" fill="#22d3ee"/>
25
- <circle cx="56" cy="188" r="22" fill="#67e8f9"/>
26
- <circle cx="184" cy="188" r="22" fill="#f472b6"/>
27
- </g>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" width="240" height="240" role="img" aria-label="archik">
2
+ <path d="M 12 5 L 5 18" stroke="#22d3ee" stroke-width="1.6" stroke-linecap="round"/>
3
+ <path d="M 12 5 L 19 18" stroke="#67e8f9" stroke-width="1.6" stroke-linecap="round"/>
4
+ <path d="M 5 18 L 19 18" stroke="#f472b6" stroke-width="1.4" stroke-linecap="round" stroke-dasharray="2.5 2.5"/>
5
+ <circle cx="12" cy="5" r="2.8" fill="#22d3ee"/>
6
+ <circle cx="5" cy="18" r="2.8" fill="#67e8f9"/>
7
+ <circle cx="19" cy="18" r="2.8" fill="#f472b6"/>
28
8
  </svg>
package/docs/wordmark.svg CHANGED
@@ -1,23 +1,17 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 200" width="640" height="200" fill="none" role="img" aria-label="archik">
2
- <!-- Logo: same three-node A, scaled to fit the 200×200 left tile. -->
3
- <g transform="translate(20, 20)" stroke-linecap="round">
4
- <path d="M 80 24 L 24 144" stroke="#22d3ee" stroke-width="11"/>
5
- <path d="M 80 24 L 136 144" stroke="#f472b6" stroke-width="11"/>
6
- <path d="M 36 144 L 124 144" stroke="#67e8f9" stroke-width="9" stroke-dasharray="11 11"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" width="320" height="96" fill="none" role="img" aria-label="archik">
2
+ <!-- Same simple mark as the favicon, scaled to 64×64 on the left tile. -->
3
+ <g transform="translate(8 12) scale(2.667)">
4
+ <path d="M 12 5 L 5 18" stroke="#22d3ee" stroke-width="1.6" stroke-linecap="round"/>
5
+ <path d="M 12 5 L 19 18" stroke="#67e8f9" stroke-width="1.6" stroke-linecap="round"/>
6
+ <path d="M 5 18 L 19 18" stroke="#f472b6" stroke-width="1.4" stroke-linecap="round" stroke-dasharray="2.5 2.5"/>
7
+ <circle cx="12" cy="5" r="2.8" fill="#22d3ee"/>
8
+ <circle cx="5" cy="18" r="2.8" fill="#67e8f9"/>
9
+ <circle cx="19" cy="18" r="2.8" fill="#f472b6"/>
7
10
  </g>
8
- <g transform="translate(20, 20)" stroke="#0c1426" stroke-width="1.6">
9
- <circle cx="80" cy="24" r="17" fill="#22d3ee"/>
10
- <circle cx="24" cy="144" r="17" fill="#67e8f9"/>
11
- <circle cx="136" cy="144" r="17" fill="#f472b6"/>
12
- </g>
13
-
14
- <!-- Wordmark: lowercase "archik", weight 700, slight letter -->
15
- <!-- spacing for a confident technical feel. currentColor so -->
16
- <!-- it adapts to whatever surface the SVG is dropped on. -->
17
- <text x="220" y="128"
11
+ <text x="96" y="62"
18
12
  font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif"
19
- font-size="120"
13
+ font-size="48"
20
14
  font-weight="700"
21
- letter-spacing="-3"
15
+ letter-spacing="-1"
22
16
  fill="currentColor">archik</text>
23
17
  </svg>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "archik",
3
- "version": "0.6.9",
4
- "description": "Architecture diagrams as YAML. Live canvas in the browser, headless SVG render in CI, and an installable Claude skill so the model edits the same file you do.",
3
+ "version": "0.6.11",
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",
7
7
  "diagram",