data-shape-svg
description (verbatim frontmatter)
Render a real, source-verified SVG diagram — a pipeline/system architecture diagram (every node a real function/stage that exists in the codebase, grep-verified before drawing) or a data-shape /exploration diagram (every stat a real, computed number, never invented). Generalizes the pipeline-architecture-diagram pattern first built for agenttables.com (workers/agenttables/src/ pipeline-viz.ts) into a reusable methodology. For data-shape diagrams specifically, consumes the structured JSON produced by the sibling plugin cwc-data-engineering's `parquet-shape-profiler` skill (DatasetShapeProfile: row/column counts, per-column type, null rate, numeric percentiles or categorical top-values) — this skill owns turning that structured, already-computed data into SVG markup; it does NOT compute statistics itself. Use when the user wants an architecture diagram of real code, a visualization of a dataset's shape/structure, or a "what does the data look like" exploration diagram. Do NOT use for the fleet's own system/plugin architecture (sibling `architecture-wireframes` skill's territory — Figma/FigJam boards, a different scope) or for computing the underlying data statistics yourself (that's cwc-data-engineering's job; this skill only visualizes numbers it's handed).
summary
Render a real, source-verified SVG diagram — a pipeline/system architecture diagram (every node a real function/stage that exists in the codebase, grep-verified before drawing) or a data-shape /exploration diagram (every stat a real, computed number, never invented).
source
plugins/cwc-design/skills/data-shape-svg/SKILL.md
provenance
created 2026-07-10 18:13:13 · JSON