diff --git a/.claude-plugin/plugin.json b/.claude-plugin/plugin.json index ad9f0e2..daa0a2d 100644 --- a/.claude-plugin/plugin.json +++ b/.claude-plugin/plugin.json @@ -1,7 +1,7 @@ { "name": "diagram-design", "description": "Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, or DP security matrix diagrams as standalone HTML/SVG/PNG. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling.", - "version": "2.3.4", + "version": "2.3.5", "author": { "name": "Cathryn Lavery", "url": "https://github.com/cathrynlavery" diff --git a/.codex-plugin/plugin.json b/.codex-plugin/plugin.json index 8a5f6a6..60f63e9 100644 --- a/.codex-plugin/plugin.json +++ b/.codex-plugin/plugin.json @@ -1,7 +1,7 @@ { "name": "diagram-design", "description": "Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, or DP security matrix diagrams as standalone HTML/SVG/PNG. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling.", - "version": "2.3.4", + "version": "2.3.5", "author": { "name": "Cathryn Lavery", "url": "https://github.com/cathrynlavery" diff --git a/skills/diagram-design/SKILL.md b/skills/diagram-design/SKILL.md index 41996ca..4f81474 100644 --- a/skills/diagram-design/SKILL.md +++ b/skills/diagram-design/SKILL.md @@ -22,7 +22,7 @@ Don't silently ship default-skinned diagrams into a branded project. Open [`references/style-guide.md`](references/style-guide.md) and check the default tokens. If they're still the shipped defaults (paper `#f5f5f5`, ink `#2d3142`, accent `#eb6c36` atomic-tangerine), **pause and ask the user**: -> *"This is your first Schematic in this project. The style guide is still at the default (neutral white-smoke + atomic-tangerine). Do you want to customize it to match your brand first? Options: (a) pull from your website URL, (b) extract from an installed skill, (c) extract from a local folder / design-system directory, (d) paste tokens manually, (e) proceed with the default for now."* +> *"This is your first diagram in this project. The style guide is still at the default (neutral white-smoke + atomic-tangerine). Do you want to customize it to match your brand first? Options: (a) pull from your website URL, (b) extract from an installed skill, (c) extract from a local folder / design-system directory, (d) paste tokens manually, (e) proceed with the default for now."* Then branch: diff --git a/skills/diagram-design/references/onboarding.md b/skills/diagram-design/references/onboarding.md index 6032275..dee8bcf 100644 --- a/skills/diagram-design/references/onboarding.md +++ b/skills/diagram-design/references/onboarding.md @@ -38,7 +38,7 @@ future diagrams use your tokens ### Invocation -> *"Onboard Schematic to my site — `https://example.com`"* +> *"Onboard diagram-design to my site — `https://example.com`"* --- @@ -111,7 +111,7 @@ Before writing, validate: - **AA contrast**: `ink` on `paper` ≥ 4.5:1. `muted` on `paper` ≥ 4.5:1 for body text. - **Accent is the most saturated color**: not muted-ish, not near-grey. -- **paper ≠ pure white**: if the site uses `#ffffff`, fall back to `#fafaf7` to preserve Schematic's warm-neutral feel — or ask the user to confirm pure-white is intentional. +- **paper ≠ pure white**: if the site uses `#ffffff`, fall back to `#fafaf7` to preserve Diagram Design's warm-neutral feel — or ask the user to confirm pure-white is intentional. If any check fails, propose an adjusted value and explain why. @@ -170,7 +170,7 @@ Extract tokens from an installed Agent Skill that carries its own design system ### Invocation -> *"Onboard Schematic from my `acme-design` skill"* +> *"Onboard diagram-design from my `acme-design` skill"* Or the gate offers this as option (b) and the user names the skill. @@ -243,7 +243,7 @@ Extract tokens from a local directory — a checked-out design system repo, a Fi ### Invocation -> *"Onboard Schematic from my design system at `~/projects/brand/design-tokens/`"* +> *"Onboard diagram-design from my design system at `~/projects/brand/design-tokens/`"* Or the gate offers this as option (c) and the user provides the path. diff --git a/skills/diagram-design/references/style-guide.md b/skills/diagram-design/references/style-guide.md index 16de52a..feec1cf 100644 --- a/skills/diagram-design/references/style-guide.md +++ b/skills/diagram-design/references/style-guide.md @@ -1,6 +1,6 @@ # Style Guide -**The single source of truth for colors, typography, and tokens.** Every diagram draws from this — not from hex values inlined in other reference files. If you want to change the visual skin of Schematic, change this file. +**The single source of truth for colors, typography, and tokens.** Every diagram draws from this — not from hex values inlined in other reference files. If you want to change the visual skin of Diagram Design, change this file. Default skin is a cool editorial palette — white-smoke paper, jet-black ink, atomic-tangerine accent, blue-slate muted. It's designed to look good out of the box; swap these values (or run [`onboarding.md`](onboarding.md)) and every new diagram inherits the new skin without touching any type-specific logic.