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.

enginescoverageinfographic.md

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

infographic coverage ledger

Generated from catalog/scenarios.json plus the curated unit table for this engine. Runtime: @antv/infographic 0.2.20. Last generated: 2026-09-22.

Units record what this engine does with each unit of its official documentation — kept, or excluded with the reason. Examples by goal is collected from the catalog, so every link below is resolvable from this file.

Template families (registry 0.2.20)

Family Structures Templates With an example
chart-* 5 11 11
compare-* 3 17 9
hierarchy-* 1 2 2
list-* 8 29 27
quadrant-* 1 3 3
relation-* 2 4 4
sequence-* 18 47 31
total 42 113 88

Structures

Structure Templates Item styles Example
chart-bar 1 plain-text yes
chart-column 1 simple yes
chart-line 1 plain-text yes
chart-pie 6 compact-card, pill-badge, plain-text yes
chart-wordcloud 2 yes
compare-binary-horizontal 12 badge-card, compact-card, simple, underline-text yes
compare-hierarchy-left-right 2 circle-node, plain-text yes
compare-hierarchy-row 3 compact-card, letter-card, plain-text, rounded-rect-node yes
hierarchy-structure 2 yes
list-column 3 done-list, simple-vertical-arrow, vertical-icon-arrow yes
list-grid 9 badge-card, candy-card-lite, circular-progress, compact-card, done-list, horizontal-icon-arrow, progress-card, ribbon-card, simple yes
list-pyramid 3 badge-card, compact-card, rounded-rect-node yes
list-row 5 circular-progress, horizontal-icon-arrow, horizontal-icon-line, simple-horizontal-arrow, simple-illus yes
list-sector 3 plain-text, simple yes
list-waterfall 2 badge-card, compact-card yes
list-zigzag-down 2 compact-card, simple yes
list-zigzag-up 2 compact-card, simple yes
quadrant 3 quarter-circular, quarter-simple-card, simple-illus yes
relation-circle 2 circular-progress, icon-badge yes
relation-network 2 icon-badge, simple-circle-node yes
sequence-ascending-stairs-3d 2 simple, underline-text yes
sequence-ascending-steps 1 l-corner-card yes
sequence-circle-arrows 1 indexed-card yes
sequence-circular 2 simple, underline-text yes
sequence-color-snake-steps 2 horizontal-icon-line, simple-illus yes
sequence-cylinders-3d 1 simple yes
sequence-filter-mesh 2 simple, underline-text yes
sequence-funnel 1 simple yes
sequence-horizontal-zigzag 6 horizontal-icon-line, plain-text, simple, simple-horizontal-arrow, simple-illus, underline-text yes
sequence-mountain 1 underline-text yes
sequence-pyramid 1 simple yes
sequence-roadmap-vertical 7 badge-card, pill-badge, plain-text, quarter-circular, quarter-simple-card, simple, underline-text yes
sequence-snake-steps 5 compact-card, pill-badge, simple, simple-illus, underline-text yes
sequence-stairs-front 3 compact-card, pill-badge, simple yes
sequence-steps 3 badge-card, simple, simple-illus yes
sequence-timeline 5 done-list, plain-text, rounded-rect-node, simple, simple-illus yes
sequence-zigzag-pucks-3d 3 indexed-card, simple, underline-text yes
sequence-zigzag-steps 1 underline-text yes
sequence-interaction 0 — inline design — yes
relation-dagre-flow 0 — inline design — yes
hierarchy-tree 0 — inline design — yes
hierarchy-mindmap 0 — inline design — yes

Item styles (26)

Style Templates Covered by an example
simple 21 yes
compact-card 13 yes
underline-text 12 yes
plain-text 11 yes
badge-card 8 yes
simple-illus 7 yes
pill-badge 5 yes
circular-progress 3 yes
done-list 3 yes
horizontal-icon-line 3 yes
letter-card 3 yes
rounded-rect-node 3 yes
circle-node 2 yes
horizontal-icon-arrow 2 yes
icon-badge 2 yes
indexed-card 2 yes
quarter-circular 2 yes
quarter-simple-card 2 yes
simple-horizontal-arrow 2 yes
candy-card-lite 1 yes
l-corner-card 1 yes
progress-card 1 yes
ribbon-card 1 yes
simple-circle-node 1 yes
simple-vertical-arrow 1 yes
vertical-icon-arrow 1 yes

88 of 113 templates are demonstrated by an example. The remainder are item-style permutations of a structure that already has one, so they add no new reading.

Examples by goal

92 examples across 24 goal domains.

comparison-and-selection

Scenario Tier Example
priority quadrant T1 backlog-priority-quadrant.md<br>scenario-planning-quadrant.md<br>test-automation-quadrant.md
architecture options T2 monolith-vs-modular.md
build or buy T2 buy-vs-build-comparison.md
operating model T2 operating-model-option-map.md
packaging options T2 packaging-choice-cards.md
release tradeoffs T2 release-plan-tradeoff-fold.md
vendor scorecard T2 vendor-selection-scorecard.md

engineering-operations

Scenario Tier Example
ops rhythm T1 quarterly-business-rhythm.md<br>operating-cycle-loop.md
shift handover T1 support-shift-handover.md<br>shift-handover-timeline.md
launch readiness T1 launch-readiness-checklist.md
oncall coverage T1 oncall-coverage-wheel.md
ops checklist T1 daily-ops-checklist-columns.md
standup T1 sprint-standup-talking-points.md

people-and-hiring

Scenario Tier Example
skills progression T1 engineer-skill-progression.md<br>certification-study-roadmap.md
career ladder T2 career-growth-ladder.md
hiring loop T2 hiring-loop-checklist.md
hiring plan T2 hiring-plan-roadmap.md
onboarding programme T2 onboarding-milestone-grid.md
onboarding tasks T2 onboarding-task-progress.md

incident-management

Scenario Tier Example
escalation path T0 incident-escalation-path.md<br>support-escalation-pyramid.md<br>release-blockers-escalation.md
change control T1 change-request-columns.md
field playbook T1 field-ops-playbook.md
incident runbook T1 incident-response-runbook.md
triage filters T1 bug-triage-filters.md

go-to-market

Scenario Tier Example
acquisition mix T0 traffic-source-mix-split.md
market entry T1 market-entry-swot.md
partner onboarding T1 partner-onboarding-timeline.md
partner tiers T1 partner-tiers-pyramid.md
sales pipeline T1 sales-qualification-gates.md

product-metrics

Scenario Tier Example
conversion funnel T0 conversion-funnel-journey.md<br>claims-pipeline-funnel.md
adoption trend T1 feature-adoption-trend.md
customer journey T1 customer-health-journey.md
experiment loop T1 growth-experiment-loop.md
onboarding journey T1 customer-onboarding-journey.md

migration-and-rollout

Scenario Tier Example
cutover window T2 migration-cutover-window.md
launch effort T2 launch-effort-curve.md
migration waves T2 data-platform-migration-waves.md
rollout phases T2 device-rollout-phases.md
service lifecycle T2 service-lifecycle-wheel.md

business-reporting

Scenario Tier Example
revenue mix T0 regional-revenue-split.md<br>product-mix-donut-badges.md<br>subscription-tiers-wheel.md
periodic results T0 quarterly-results-columns.md<br>revenue-staircase-plan.md
category comparison T0 channel-performance-comparison.md
goal progress T1 sustainability-goals-progress.md

knowledge-and-outline

Scenario Tier Example
keyword cloud T0 topic-emphasis-wordcloud.md<br>survey-themes-rotated-cloud.md
concept relations T2 capability-relationship-map.md
knowledge map T2 enterprise-knowledge-map.md
knowledge tree T2 department-capability-tree.md

planning-and-roadmap

Scenario Tier Example
milestones T2 platform-milestone-timeline.md
planning cycle T2 quarterly-planning-cycle.md
product roadmap T2 product-roadmap-sequence.md
strategy focus T2 strategy-focus-wheel.md

organization-and-roles

Scenario Tier Example
org structure T0 platform-org-structure.md<br>team-reporting-tree.md
capability coverage T2 team-capability-icon-grid.md
capability maturity T2 capability-pyramid-framework.md

catalogues-and-inventories

Scenario Tier Example
service catalogue T2 service-offerings-grid.md
support tiers T2 support-tier-entitlements.md
tooling inventory T2 tooling-standard-inventory.md

security-and-compliance

Scenario Tier Example
audit trail T2 audit-trail-checkpoints.md
compliance evidence T2 compliance-evidence-zigzag.md
hardening sprint T2 security-hardening-sprint.md

cost-and-budget

Scenario Tier Example
budget split T0 budget-allocation-donut.md<br>cost-structure-split.md
cost walk T0 cost-reduction-waterfall.md<br>budget-drawdown-waterfall.md

goal-and-status-reporting

Scenario Tier Example
leadership board T1 leadership-metric-board.md
programme status T1 program-status-ribbons.md

process-and-workflow

Scenario Tier Example
approval path T1 procurement-approval-path.md
returns processing T1 returns-processing-snake.md

internal-documents

Scenario Tier Example
committee charter T2 board-committee-charter.md
principles checklist T2 culture-principles-checklist.md

delivery-throughput

Scenario Tier Example
team capacity T0 team-capacity-ramp.md<br>team-throughput-bars.md

dependencies-and-relations

Scenario Tier Example
service dependencies T0 platform-dependency-graph.md<br>service-dependency-network.md

ops-monitoring

Scenario Tier Example
support load T0 support-ticket-mix-pie.md

service-reliability

Scenario Tier Example
reliability maturity T1 reliability-maturity-ladder.md

cloud-architecture

Scenario Tier Example
migration options T2 cloud-migration-approaches.md

enterprise-architecture

Scenario Tier Example
stakeholder map T2 stakeholder-circle-wheel.md

theme-and-tone

Scenario Tier Example
accessible service mix T2 accessible-service-mix.md

Counts

Examples using this engine 92
Goal domains reached 24
Scenarios 75
T0 scenarios 13

Sources

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