29917724f8
Documents the dumbbell in type-bar.md's existing Variants section, alongside grouped and stacked bars. Reference-only, matching the precedent those two set and the one #100 landed for datalake: no example assets, no gallery entries. Not a new visual type. The count stays at 28 and SKILL.md is untouched -- no selection-table row, no frontmatter hook, no manifest description change. Covers layout on the shared 1000x500 composition, an element pattern, and five honesty rules: no truncated axis, one scale with both endpoints labelled, the connector is a gap and not a trajectory, a stated row order, and no imputed or silently dropped endpoints. Two of those rules live in a formula rather than a drawing, so they ship as a checker with adversarial fixtures per ADR 0005: - Domain resolution is exhaustive over sign. A rule phrased as "all-positive / all-negative" silently drops data that only touches zero, and drops all-zero data entirely -- where floor == ceil == 0 and the position formula divides by zero. resolve_domain() partitions the space, guarantees ceil > floor, and returns a finite fallback span for all-zero input so every dot lands on the floor. - Non-text contrast is carried by the boundary, not the fill. Accent on paper is 2.86:1 skin-wide, and shape redundancy does not waive WCAG 1.4.11, so the solid endpoint takes a 1px ink stroke (11.82:1) and the connector 55% ink on light / 40% on dark (3.19:1 and 3.24:1). The checker reads these tokens out of the reference, so prose and thresholds cannot drift apart. scripts/test-verify-dumbbell.py covers both polarities: all-zero, zero-touching, mixed-sign, empty and non-finite input, observed-extremes truncation, and the sub-3:1 treatments this replaces. Wired into CI and CONTRIBUTING alongside the treemap and geometry gates. Other things the geometry and house style forced: the focal bar pattern (12% tint plus accent stroke) does not survive at a 6px dot, so the pair separates by fill weight; a 64px row pitch from y=96 overflows the y=420 plot floor at seven rows, so pitch and origin are tabulated per row count; rgb(45,49,66) IS the dark paper, so light-theme hairlines composite to 1.000:1 and must invert; label offsets keyed to start/end put both labels inside the pair on a decreasing row; a value on the domain floor collided with its category label; and the value axis was missing the Geist Mono 7px title every other cartesian type carries. Co-authored-by: 0xDarkMatter <0xDarkMatter@users.noreply.github.com> Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
45 lines
2.3 KiB
JSON
45 lines
2.3 KiB
JSON
{
|
|
"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, treemap, 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.5.5",
|
|
"author": {
|
|
"name": "Cathryn Lavery",
|
|
"url": "https://github.com/cathrynlavery"
|
|
},
|
|
"homepage": "https://github.com/cathrynlavery/diagram-design",
|
|
"repository": "https://github.com/cathrynlavery/diagram-design",
|
|
"license": "MIT",
|
|
"keywords": [
|
|
"diagrams",
|
|
"svg",
|
|
"architecture",
|
|
"flowchart",
|
|
"visualization",
|
|
"editorial",
|
|
"drawio",
|
|
"mermaid",
|
|
"import",
|
|
"animation",
|
|
"semantic-patterns"
|
|
],
|
|
"skills": "./skills/",
|
|
"interface": {
|
|
"displayName": "Diagram Design",
|
|
"shortDescription": "Create editorial technical and product diagrams as standalone HTML.",
|
|
"longDescription": "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, treemap, 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.",
|
|
"developerName": "Cathryn Lavery",
|
|
"category": "Productivity",
|
|
"capabilities": [
|
|
"Read",
|
|
"Write"
|
|
],
|
|
"websiteURL": "https://github.com/cathrynlavery/diagram-design",
|
|
"defaultPrompt": [
|
|
"Make an architecture diagram of my app.",
|
|
"Create a flowchart for this decision process.",
|
|
"Redraw this Mermaid diagram at the right size and detail level."
|
|
],
|
|
"brandColor": "#b5523a"
|
|
}
|
|
}
|