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.

examplesincident-managementbug-triage-filters.md

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

Filter Mesh — Bug Triage Funnel (Infographic)

Best for: a funnel-shaped process where each stage rejects a specific class of item Avoid when: nothing actually gets dropped, or the stages are gates with owners rather than filters Answers: where the noise is removed from an incoming bug report stream

infographic sequence-filter-mesh-underline-text
theme
  colorPrimary #2b66c4
  palette
    - #2b66c4
    - #2f9e44
    - #f3a33c
    - #d1242f
    - #7048e8
    - #0f9b9b
    - #c16f8a
    - #7c5a3d
data
  title Bug Triage Filters
  desc Five passes that cut a raw report stream down to work worth scheduling
  sequences
    - label Deduplicate
      desc Collapse reports that match an open issue on the same stack trace
    - label Reproduce
      desc Keep only reports with steps, environment and a failing revision
    - label Classify
      desc Split defects from questions, feature asks and expected behaviour
    - label Assess severity
      desc Apply the impact rubric; downgrade cosmetic-only findings
    - label Schedule
      desc Assign to a squad with a milestone, or park with a stated reason

Data Shape

sequences with one entry per filter stage. Each stage should name the decision it applies, not the person who applies it — the mesh rendering reads as a series of narrowing gates.

Key Options

Option Effect
sequence-filter-mesh-underline-text Narrowing mesh with emphasised labels
sequence-funnel-simple Classic funnel silhouette; use when volume loss is the story
sequence-filter-mesh-underline-text at five stages The mesh needs enough passes to look like a mesh; three is the practical minimum
desc per stage Names the rule being applied, which is what makes the narrowing legible

Pitfalls

  • ❌ Stages that add work instead of removing items → ✅ a filter mesh narrows; enrichment belongs before or after it
  • ❌ Unstated drop reasons → ✅ readers will assume the dropped items vanished; name the rule in each desc
  • ❌ More than six stages → ✅ each pass costs vertical space and the mesh loses its "multi-stage sieve" reading
  • ❌ Using it as a workflow with owners → ✅ filters are rules, not roles; use procurement-approval-path.md when people approve

Alternatives

Variant Use instead
Volume loss as a chart conversion-funnel-journey.md
Approval gates with owners procurement-approval-path.md
Ordered steps with no rejection customer-onboarding-journey.md
<!-- source: AntV Infographic template registry 0.2.20 (`sequence-filter-mesh-underline-text`, structure `sequence-filter-mesh`) -->

Source: SKILL.md on GitHub

Skill behaviors

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.

Third-party checks

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

Provenance

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

Capability

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