diff --git a/.claude-plugin/plugin.json b/.claude-plugin/plugin.json index 02325ce..45c2308 100644 --- a/.claude-plugin/plugin.json +++ b/.claude-plugin/plugin.json @@ -12,6 +12,5 @@ "flowchart", "visualization", "editorial" - ], - "skills": ["./"] + ] } diff --git a/README.md b/README.md index 8e2c9d5..1512506 100644 --- a/README.md +++ b/README.md @@ -40,7 +40,7 @@ All 13 diagrams ship in three variants: minimal light, minimal dark, and full-ed -**Browse the live gallery:** open [`assets/index.html`](assets/index.html) in your browser to flip through all 13 types with light / dark / full-editorial tabs. +**Browse the live gallery:** open [`skills/diagram-design/assets/index.html`](skills/diagram-design/assets/index.html) in your browser to flip through all 13 types with light / dark / full-editorial tabs. --- @@ -111,7 +111,7 @@ Before writing tokens, the skill verifies WCAG AA contrast on `ink` over `paper` ### Manual override -Prefer to set tokens by hand? Open [`references/style-guide.md`](references/style-guide.md) and edit the table. Everything downstream reads from there — the 13 types, the annotation primitive, and the gallery all inherit semantic role names (`accent`, not `#b5523a`). +Prefer to set tokens by hand? Open [`skills/diagram-design/references/style-guide.md`](skills/diagram-design/references/style-guide.md) and edit the table. Everything downstream reads from there — the 13 types, the annotation primitive, and the gallery all inherit semantic role names (`accent`, not `#b5523a`). ### First-run gate @@ -119,7 +119,7 @@ The skill won't silently ship default-skinned diagrams into a branded project. O > *"This is your first diagram in this project. The style guide is still at the default. Want to run onboarding, paste tokens manually, or proceed with default?"* -See [`references/onboarding.md`](references/onboarding.md) for the full spec. +See [`skills/diagram-design/references/onboarding.md`](skills/diagram-design/references/onboarding.md) for the full spec. --- @@ -197,14 +197,14 @@ No matter how many types exist, Claude only reads the one you need. Add a new ty ## The design system (in one paragraph) -One accent color, 1–2 focal elements per diagram. Three font families: Instrument Serif (title + italic callouts), Geist sans (node names), Geist Mono (technical sublabels). 1px hairline borders, no shadows, max border-radius 10px. Every coord, width, and gap divisible by 4 — non-negotiable, it's what keeps the diagrams from feeling AI-generated. Mono is for technical content (ports, URLs, field types), not a blanket "dev" aesthetic. Coral-tinted focal nodes draw the eye to the 1–2 things that matter. Full spec in [`SKILL.md`](SKILL.md#5-design-system). +One accent color, 1–2 focal elements per diagram. Three font families: Instrument Serif (title + italic callouts), Geist sans (node names), Geist Mono (technical sublabels). 1px hairline borders, no shadows, max border-radius 10px. Every coord, width, and gap divisible by 4 — non-negotiable, it's what keeps the diagrams from feeling AI-generated. Mono is for technical content (ports, URLs, field types), not a blanket "dev" aesthetic. Coral-tinted focal nodes draw the eye to the 1–2 things that matter. Full spec in [`SKILL.md`](skills/diagram-design/SKILL.md#5-design-system). --- ## Primitives -- **Annotation callout** — italic Instrument Serif + dashed Bézier leader, for editorial asides that sit in the margins. See [`references/primitive-annotation.md`](references/primitive-annotation.md). -- **Sketchy filter** — SVG turbulence + displacement map for a hand-drawn variant. Good for essays, not for technical docs. See [`references/primitive-sketchy.md`](references/primitive-sketchy.md). +- **Annotation callout** — italic Instrument Serif + dashed Bézier leader, for editorial asides that sit in the margins. See [`skills/diagram-design/references/primitive-annotation.md`](skills/diagram-design/references/primitive-annotation.md). +- **Sketchy filter** — SVG turbulence + displacement map for a hand-drawn variant. Good for essays, not for technical docs. See [`skills/diagram-design/references/primitive-sketchy.md`](skills/diagram-design/references/primitive-sketchy.md). --- diff --git a/SKILL.md b/skills/diagram-design/SKILL.md similarity index 100% rename from SKILL.md rename to skills/diagram-design/SKILL.md diff --git a/assets/example-architecture-dark.html b/skills/diagram-design/assets/example-architecture-dark.html similarity index 100% rename from assets/example-architecture-dark.html rename to skills/diagram-design/assets/example-architecture-dark.html diff --git a/assets/example-architecture-full.html b/skills/diagram-design/assets/example-architecture-full.html similarity index 100% rename from assets/example-architecture-full.html rename to skills/diagram-design/assets/example-architecture-full.html diff --git a/assets/example-architecture.html b/skills/diagram-design/assets/example-architecture.html similarity index 100% rename from assets/example-architecture.html rename to skills/diagram-design/assets/example-architecture.html diff --git a/assets/example-er-dark.html b/skills/diagram-design/assets/example-er-dark.html similarity index 100% rename from assets/example-er-dark.html rename to skills/diagram-design/assets/example-er-dark.html diff --git a/assets/example-er-full.html b/skills/diagram-design/assets/example-er-full.html similarity index 100% rename from assets/example-er-full.html rename to skills/diagram-design/assets/example-er-full.html diff --git a/assets/example-er.html b/skills/diagram-design/assets/example-er.html similarity index 100% rename from assets/example-er.html rename to skills/diagram-design/assets/example-er.html diff --git a/assets/example-flowchart-dark.html b/skills/diagram-design/assets/example-flowchart-dark.html similarity index 100% rename from assets/example-flowchart-dark.html rename to skills/diagram-design/assets/example-flowchart-dark.html diff --git a/assets/example-flowchart-full.html b/skills/diagram-design/assets/example-flowchart-full.html similarity index 100% rename from assets/example-flowchart-full.html rename to skills/diagram-design/assets/example-flowchart-full.html diff --git a/assets/example-flowchart.html b/skills/diagram-design/assets/example-flowchart.html similarity index 100% rename from assets/example-flowchart.html rename to skills/diagram-design/assets/example-flowchart.html diff --git a/assets/example-layers-dark.html b/skills/diagram-design/assets/example-layers-dark.html similarity index 100% rename from assets/example-layers-dark.html rename to skills/diagram-design/assets/example-layers-dark.html diff --git a/assets/example-layers-full.html b/skills/diagram-design/assets/example-layers-full.html similarity index 100% rename from assets/example-layers-full.html rename to skills/diagram-design/assets/example-layers-full.html diff --git a/assets/example-layers.html b/skills/diagram-design/assets/example-layers.html similarity index 100% rename from assets/example-layers.html rename to skills/diagram-design/assets/example-layers.html diff --git a/assets/example-nested-dark.html b/skills/diagram-design/assets/example-nested-dark.html similarity index 100% rename from assets/example-nested-dark.html rename to skills/diagram-design/assets/example-nested-dark.html diff --git a/assets/example-nested-full.html b/skills/diagram-design/assets/example-nested-full.html similarity index 100% rename from assets/example-nested-full.html rename to skills/diagram-design/assets/example-nested-full.html diff --git a/assets/example-nested.html b/skills/diagram-design/assets/example-nested.html similarity index 100% rename from assets/example-nested.html rename to skills/diagram-design/assets/example-nested.html diff --git a/assets/example-pyramid-dark.html b/skills/diagram-design/assets/example-pyramid-dark.html similarity index 100% rename from assets/example-pyramid-dark.html rename to skills/diagram-design/assets/example-pyramid-dark.html diff --git a/assets/example-pyramid-full.html b/skills/diagram-design/assets/example-pyramid-full.html similarity index 100% rename from assets/example-pyramid-full.html rename to skills/diagram-design/assets/example-pyramid-full.html diff --git a/assets/example-pyramid.html b/skills/diagram-design/assets/example-pyramid.html similarity index 100% rename from assets/example-pyramid.html rename to skills/diagram-design/assets/example-pyramid.html diff --git a/assets/example-quadrant-dark.html b/skills/diagram-design/assets/example-quadrant-dark.html similarity index 100% rename from assets/example-quadrant-dark.html rename to skills/diagram-design/assets/example-quadrant-dark.html diff --git a/assets/example-quadrant-full.html b/skills/diagram-design/assets/example-quadrant-full.html similarity index 100% rename from assets/example-quadrant-full.html rename to skills/diagram-design/assets/example-quadrant-full.html diff --git a/assets/example-quadrant.html b/skills/diagram-design/assets/example-quadrant.html similarity index 100% rename from assets/example-quadrant.html rename to skills/diagram-design/assets/example-quadrant.html diff --git a/assets/example-sequence-dark.html b/skills/diagram-design/assets/example-sequence-dark.html similarity index 100% rename from assets/example-sequence-dark.html rename to skills/diagram-design/assets/example-sequence-dark.html diff --git a/assets/example-sequence-full.html b/skills/diagram-design/assets/example-sequence-full.html similarity index 100% rename from assets/example-sequence-full.html rename to skills/diagram-design/assets/example-sequence-full.html diff --git a/assets/example-sequence.html b/skills/diagram-design/assets/example-sequence.html similarity index 100% rename from assets/example-sequence.html rename to skills/diagram-design/assets/example-sequence.html diff --git a/assets/example-state-dark.html b/skills/diagram-design/assets/example-state-dark.html similarity index 100% rename from assets/example-state-dark.html rename to skills/diagram-design/assets/example-state-dark.html diff --git a/assets/example-state-full.html b/skills/diagram-design/assets/example-state-full.html similarity index 100% rename from assets/example-state-full.html rename to skills/diagram-design/assets/example-state-full.html diff --git a/assets/example-state.html b/skills/diagram-design/assets/example-state.html similarity index 100% rename from assets/example-state.html rename to skills/diagram-design/assets/example-state.html diff --git a/assets/example-swimlane-dark.html b/skills/diagram-design/assets/example-swimlane-dark.html similarity index 100% rename from assets/example-swimlane-dark.html rename to skills/diagram-design/assets/example-swimlane-dark.html diff --git a/assets/example-swimlane-full.html b/skills/diagram-design/assets/example-swimlane-full.html similarity index 100% rename from assets/example-swimlane-full.html rename to skills/diagram-design/assets/example-swimlane-full.html diff --git a/assets/example-swimlane.html b/skills/diagram-design/assets/example-swimlane.html similarity index 100% rename from assets/example-swimlane.html rename to skills/diagram-design/assets/example-swimlane.html diff --git a/assets/example-timeline-dark.html b/skills/diagram-design/assets/example-timeline-dark.html similarity index 100% rename from assets/example-timeline-dark.html rename to skills/diagram-design/assets/example-timeline-dark.html diff --git a/assets/example-timeline-full.html b/skills/diagram-design/assets/example-timeline-full.html similarity index 100% rename from assets/example-timeline-full.html rename to skills/diagram-design/assets/example-timeline-full.html diff --git a/assets/example-timeline.html b/skills/diagram-design/assets/example-timeline.html similarity index 100% rename from assets/example-timeline.html rename to skills/diagram-design/assets/example-timeline.html diff --git a/assets/example-tree-dark.html b/skills/diagram-design/assets/example-tree-dark.html similarity index 100% rename from assets/example-tree-dark.html rename to skills/diagram-design/assets/example-tree-dark.html diff --git a/assets/example-tree-full.html b/skills/diagram-design/assets/example-tree-full.html similarity index 100% rename from assets/example-tree-full.html rename to skills/diagram-design/assets/example-tree-full.html diff --git a/assets/example-tree.html b/skills/diagram-design/assets/example-tree.html similarity index 100% rename from assets/example-tree.html rename to skills/diagram-design/assets/example-tree.html diff --git a/assets/example-venn-dark.html b/skills/diagram-design/assets/example-venn-dark.html similarity index 100% rename from assets/example-venn-dark.html rename to skills/diagram-design/assets/example-venn-dark.html diff --git a/assets/example-venn-full.html b/skills/diagram-design/assets/example-venn-full.html similarity index 100% rename from assets/example-venn-full.html rename to skills/diagram-design/assets/example-venn-full.html diff --git a/assets/example-venn.html b/skills/diagram-design/assets/example-venn.html similarity index 100% rename from assets/example-venn.html rename to skills/diagram-design/assets/example-venn.html diff --git a/assets/index.html b/skills/diagram-design/assets/index.html similarity index 100% rename from assets/index.html rename to skills/diagram-design/assets/index.html diff --git a/assets/template-dark.html b/skills/diagram-design/assets/template-dark.html similarity index 100% rename from assets/template-dark.html rename to skills/diagram-design/assets/template-dark.html diff --git a/assets/template-full.html b/skills/diagram-design/assets/template-full.html similarity index 100% rename from assets/template-full.html rename to skills/diagram-design/assets/template-full.html diff --git a/assets/template.html b/skills/diagram-design/assets/template.html similarity index 100% rename from assets/template.html rename to skills/diagram-design/assets/template.html diff --git a/references/onboarding.md b/skills/diagram-design/references/onboarding.md similarity index 100% rename from references/onboarding.md rename to skills/diagram-design/references/onboarding.md diff --git a/references/primitive-annotation.md b/skills/diagram-design/references/primitive-annotation.md similarity index 100% rename from references/primitive-annotation.md rename to skills/diagram-design/references/primitive-annotation.md diff --git a/references/primitive-sketchy.md b/skills/diagram-design/references/primitive-sketchy.md similarity index 100% rename from references/primitive-sketchy.md rename to skills/diagram-design/references/primitive-sketchy.md diff --git a/references/style-guide.md b/skills/diagram-design/references/style-guide.md similarity index 100% rename from references/style-guide.md rename to skills/diagram-design/references/style-guide.md diff --git a/references/type-architecture.md b/skills/diagram-design/references/type-architecture.md similarity index 100% rename from references/type-architecture.md rename to skills/diagram-design/references/type-architecture.md diff --git a/references/type-er.md b/skills/diagram-design/references/type-er.md similarity index 100% rename from references/type-er.md rename to skills/diagram-design/references/type-er.md diff --git a/references/type-flowchart.md b/skills/diagram-design/references/type-flowchart.md similarity index 100% rename from references/type-flowchart.md rename to skills/diagram-design/references/type-flowchart.md diff --git a/references/type-layers.md b/skills/diagram-design/references/type-layers.md similarity index 100% rename from references/type-layers.md rename to skills/diagram-design/references/type-layers.md diff --git a/references/type-nested.md b/skills/diagram-design/references/type-nested.md similarity index 100% rename from references/type-nested.md rename to skills/diagram-design/references/type-nested.md diff --git a/references/type-pyramid.md b/skills/diagram-design/references/type-pyramid.md similarity index 100% rename from references/type-pyramid.md rename to skills/diagram-design/references/type-pyramid.md diff --git a/references/type-quadrant.md b/skills/diagram-design/references/type-quadrant.md similarity index 100% rename from references/type-quadrant.md rename to skills/diagram-design/references/type-quadrant.md diff --git a/references/type-sequence.md b/skills/diagram-design/references/type-sequence.md similarity index 100% rename from references/type-sequence.md rename to skills/diagram-design/references/type-sequence.md diff --git a/references/type-state.md b/skills/diagram-design/references/type-state.md similarity index 100% rename from references/type-state.md rename to skills/diagram-design/references/type-state.md diff --git a/references/type-swimlane.md b/skills/diagram-design/references/type-swimlane.md similarity index 100% rename from references/type-swimlane.md rename to skills/diagram-design/references/type-swimlane.md diff --git a/references/type-timeline.md b/skills/diagram-design/references/type-timeline.md similarity index 100% rename from references/type-timeline.md rename to skills/diagram-design/references/type-timeline.md diff --git a/references/type-tree.md b/skills/diagram-design/references/type-tree.md similarity index 100% rename from references/type-tree.md rename to skills/diagram-design/references/type-tree.md diff --git a/references/type-venn.md b/skills/diagram-design/references/type-venn.md similarity index 100% rename from references/type-venn.md rename to skills/diagram-design/references/type-venn.md