Brings in the jet-black + atomic-tangerine palette repaint
(ba3062c), the consultant-special 2×2 variant, the Jobs-minimal
axis simplification (e13c993), the type-quadrant.md rule
codification (4feb760), and the Codex plugin wrapper from
PR #3 (7326c4e).
Conflict resolutions:
- skills/diagram-design/SKILL.md (add/add): keep the full 400-line
SKILL.md from this PR. PR #3's 13-line Codex wrapper becomes
unnecessary — with the real SKILL.md at skills/diagram-design/,
the Codex plugin's "skills": "./skills/" finds the full file
directly, no redirect needed.
- README.md (content): keep the new skills/diagram-design/... link
targets from this PR, combined with the "14 diagrams" count and
#eb6c36 accent from the repaint work on main.
- example-quadrant-consultant.html: moved to the new
skills/diagram-design/assets/ location with its Jobs-minimal
axis labels intact.
Also fixed the clone-install instructions to match the new
layout: clone the repo, then symlink the inner skills/diagram-design/
directory into ~/.claude/skills/diagram-design. The old instructions
(clone the repo root directly into the skills dir) would break with
this structure.
Why: the default skin was too warm/neutral and the pyramid + venn never
quite read the way they should. Also prepping for public sharing, so the
example diagrams needed to drop the littlemight-specific copy.
Changes:
- New five-color palette: jet-black ink, atomic-tangerine accent,
white-smoke paper, blue-slate muted, silver hairlines. Replaces
warm-stone + rust across every variant + dark-mode tokens.
- Default background is clean paper; dot grid + framed container are
now opt-in variants (uncomment in template to enable).
- New consultant-special quadrant variant (example-quadrant-consultant.html)
— 2×2 scenario matrix with named cells, double-ended axes, one focal
quadrant; house skin, not a separate visual language.
- Pyramid redrawn as a true triangular silhouette with shared edges on
one slope (stacked polygons on a single triangle outline, no kinks).
- Venn redesigned: dark-fill triple-intersection with white text,
circle labels moved inside non-overlap lobes, pair-overlap labels
removed, legend dropped.
- Example content genericized (content site / product timeline /
content platform instead of littlemight-branded copy).
- Screenshots regenerated at 2× DPI; added quadrant-consultant.png
(14th diagram in the gallery).
- README: hero-first opener, preserved Why-I-built-it section, UTM
tags on littlemight + bestself links, palette description updated.
Move SKILL.md, references/, and assets/ into skills/diagram-design/
and drop `"skills": ["./"]` from .claude-plugin/plugin.json.
Current state fails to load in Claude Code with:
skills path escapes plugin directory: ./
→ Paths in plugin.json must not use ".." to reference files outside the plugin directory
Claude Code's plugin loader rejects `"./"` as a skill path because
it's ambiguous (plugin root vs. parent) and fails closed to prevent
path-escape attacks. The conventional layout is `skills/<name>/SKILL.md`
per plugin (compare obsidian-skills, claude-plugins-official).
README.md links are updated to point at the new paths so they keep
resolving on GitHub. SKILL.md's internal relative links (e.g.
`references/style-guide.md`) are unchanged — they still resolve
correctly from its new location.
Tested locally: plugin reloads cleanly with no errors and the skill
appears in /skills.
Adds .claude-plugin/plugin.json and .claude-plugin/marketplace.json so the repo can be installed via /plugin marketplace add. Uses "skills": ["./"] so the existing root SKILL.md is picked up without relocation — standalone install path is unchanged. Also removes stray Cocoon AI author reference from SKILL.md frontmatter.
Thirteen editorial diagram types (architecture, flowchart, sequence,
state, ER, timeline, swimlane, quadrant, nested, tree, layers, venn,
pyramid) as self-contained HTML files with inline SVG.
Progressive disclosure: lean SKILL.md points to per-type references.
Neutral stone+rust default skin, first-run gate that prompts users
to customize the style guide from their own website, URL-based
onboarding, annotation-callout primitive, sketchy filter variant,
live gallery at assets/index.html.
Cathryn Lavery