Applied the same clean treatment as the X-shareable meme: drop the
arrow glyphs and high/low parentheticals, use single words at each
arrow tip (REMOTE / IN-PERSON on the vertical axis, HUMAN / AI on
the horizontal). Also fixes a pre-existing bug where the axis labels
didn't match the corner tags — cells now align cleanly:
01·REMOTE/HUMAN (Distributed humans), 02·REMOTE/AI (Agent teams, focal),
03·IN-PERSON/HUMAN (Office classic), 04·IN-PERSON/AI (In-person + AI).
Screenshot regenerated at 2× DPI.
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