{
  "skill": {
    "id": "skl_data_shape_svg",
    "name": "data-shape-svg",
    "plugin": "cwc-design",
    "description": "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).",
    "gated": 0,
    "source_path": "plugins/cwc-design/skills/data-shape-svg/SKILL.md",
    "created_at": "2026-07-10 18:13:13",
    "cite_as": "https://subagentskills.com/api/skills/skl_data_shape_svg"
  }
}