Index of every page on this site: llms.txt
All skills
markdown-viewer avatar

/documd-visuals

@2672b69
by Markdown Viewermarkdown-viewer/skills3.4k stars
192
Run it yourself

Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts. Charts and analytical views (bar, line, pie, heatmap, correlation, regression); reliability and operations (latency, incident, throughput, cycle time, OKR, standup, on-call); product and finance (funnel, retention, revenue, budget); process and workflow (approval, BPMN); software design and behaviour (class, state machine, sequence, C4); dependencies and impact (dependency graph, ER, causality); system architecture as HTML (layer stack, wings, zones, topology, service catalogue, request paths); infrastructure (cloud, Kubernetes, ETL, network, security, IAM, compliance); governance and people (ArchiMate, org chart, hiring); knowledge and planning (mind map, roadmap, Gantt, migration); documents (comparison, SWOT, memo, policy, catalogue, case study). Use when a document needs a diagram, chart or card. Figures render live. Not for slide decks or math notation. Not recommended: mermaid / canvas / drawio / dot.

Use this Skill: https://skilld.dev/gh/markdown-viewer/skills/documd-visuals

Nothing lands on disk. Nothing to clean up.

Fork this Skill

Edit a local copy. It keeps the author and licence.

examplescost-and-budgetcost-reduction-waterfall.md

≈510 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Cost Reduction Waterfall — Where The Savings Come From (Infographic)

Best for: presenting a savings programme as a bridge from current to target cost Avoid when: savings are still estimates with wide ranges (say so in prose instead) Answers: which levers deliver the reduction, and how much each contributes

infographic list-waterfall-badge-card
theme
  colorPrimary #2b66c4
  palette
    - #2b66c4
    - #2f9e44
    - #f3a33c
    - #d1242f
    - #7048e8
    - #0f9b9b
    - #c16f8a
    - #7c5a3d
data
  title Run-Rate Cost Bridge
  desc From $6.8M to $5.2M annualised
  lists
    - label Current run rate
      desc $6.80M
    - label Vendor consolidation
      desc -$0.62M
    - label Storage tiering
      desc -$0.41M
    - label Idle capacity
      desc -$0.35M
    - label Contract renegotiation
      desc -$0.22M
    - label Target run rate
      desc $5.20M

Data Shape

Same waterfall contract as any bridge: opening level, signed movements, closing level. Six items is the practical maximum before the steps get too small to read.

Key Options

Option Effect
infographic list-waterfall-badge-card Badge steps; legible with short labels
list-waterfall-compact-card Cards with room for a longer qualifier
compare-hierarchy-row-* Use when savings are per-vendor rather than per-lever

Pitfalls

  • ❌ Levers that overlap (storage tiering inside vendor consolidation) → ✅ one lever per step, or say "included in"
  • ❌ Missing the closing level → ✅ a bridge without an endpoint is not a decision
  • ❌ Showing only the biggest lever → ✅ small levers are what make the target achievable

Alternatives

Variant Use instead
Budget consumption over a year budget-drawdown-waterfall.md
Cost split by category cost-structure-split.md
Capacity cost trade-off capacity-cost-dual-axis.md (vega-lite)
<!-- source: AntV Infographic syntax docs + template list (`list-waterfall-badge-card`) -->

Source: SKILL.md on GitHub

skilld matched fixed text patterns in SKILL.md and file names. Patterns miss obfuscated code.

skilld run checks every file with the same patterns. It asks for approval before it loads a Skill with a behavior marked Needs approval.

No alerts16d3 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    This skill provides documentation and examples for creating various visuals in Markdown using engines like ECharts, Vega, PlantUML, and HTML. It recommends using the vendor-owned @markdown-viewer/documd CLI tool for document conversion and verification. The skill itself contains no executable code or malicious patterns.

  • Socket16d

    No alerts

  • Snyk16d

    Risk: LOW · No issues

Signed by skilld at 2672b69. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 weeks ago.

Activeupdated 3 weeks ago
Other metadata
compatibility
Figures are text in the Markdown — fenced blocks or bare HTML — and the host viewer renders them live: nothing to pre-render, build or install. Export to html / epub / docx / pdf is optional and needs Node 18+ and Chrome/Chromium, via `npx @markdown-viewer/documd`.

README badge

README badge for markdown-viewer/skills