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.

enginesplantuml-stencilsnetworks2.md

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

Networks 2 Stencils

Stencil library: mxgraph.networks2.*

Total: 115 stencils

Style hints

  • 115 shape(s) need fillColor+strokeColor
Shape Required Styles
mxgraph.networks2.antenna fillColor+strokeColor
mxgraph.networks2.antenna_shadow fillColor+strokeColor
mxgraph.networks2.application fillColor+strokeColor
mxgraph.networks2.application_shadow fillColor+strokeColor
mxgraph.networks2.big_data fillColor+strokeColor
mxgraph.networks2.big_data_shadow fillColor+strokeColor
mxgraph.networks2.biohazard fillColor+strokeColor
mxgraph.networks2.biohazard_shadow fillColor+strokeColor
mxgraph.networks2.biometric_reader fillColor+strokeColor
mxgraph.networks2.biometric_reader_shadow fillColor+strokeColor
mxgraph.networks2.cctv fillColor+strokeColor
mxgraph.networks2.cctv_shadow fillColor+strokeColor
mxgraph.networks2.cloud fillColor+strokeColor
mxgraph.networks2.cloud_shadow fillColor+strokeColor
mxgraph.networks2.community fillColor+strokeColor
mxgraph.networks2.community_shadow fillColor+strokeColor
mxgraph.networks2.copier fillColor+strokeColor
mxgraph.networks2.copier_shadow fillColor+strokeColor
mxgraph.networks2.data_management fillColor+strokeColor
mxgraph.networks2.data_management_shadow fillColor+strokeColor
mxgraph.networks2.data_storage fillColor+strokeColor
mxgraph.networks2.data_storage_shadow fillColor+strokeColor
mxgraph.networks2.desktop_pc fillColor+strokeColor
mxgraph.networks2.desktop_pc_shadow fillColor+strokeColor
mxgraph.networks2.encryption fillColor+strokeColor
mxgraph.networks2.encryption_shadow fillColor+strokeColor
mxgraph.networks2.external_storage fillColor+strokeColor
mxgraph.networks2.external_storage_shadow fillColor+strokeColor
mxgraph.networks2.firewall fillColor+strokeColor
mxgraph.networks2.firewall_shadow fillColor+strokeColor
mxgraph.networks2.gamepad fillColor+strokeColor
mxgraph.networks2.gamepad_shadow fillColor+strokeColor
mxgraph.networks2.global_server fillColor+strokeColor
mxgraph.networks2.global_server_shadow fillColor+strokeColor
mxgraph.networks2.globe fillColor+strokeColor
mxgraph.networks2.globe_shadow fillColor+strokeColor
mxgraph.networks2.hub fillColor+strokeColor
mxgraph.networks2.hub_shadow fillColor+strokeColor
mxgraph.networks2.icon fillColor+strokeColor
mxgraph.networks2.internet fillColor+strokeColor
mxgraph.networks2.internet_security fillColor+strokeColor
mxgraph.networks2.internet_security_shadow fillColor+strokeColor
mxgraph.networks2.internet_shadow fillColor+strokeColor
mxgraph.networks2.lan fillColor+strokeColor
mxgraph.networks2.lan_shadow fillColor+strokeColor
mxgraph.networks2.laptop fillColor+strokeColor
mxgraph.networks2.laptop_shadow fillColor+strokeColor
mxgraph.networks2.load_balancer fillColor+strokeColor
mxgraph.networks2.load_balancer_shadow fillColor+strokeColor
mxgraph.networks2.lock fillColor+strokeColor
mxgraph.networks2.lock_shadow fillColor+strokeColor
mxgraph.networks2.mail_server fillColor+strokeColor
mxgraph.networks2.mail_server_shadow fillColor+strokeColor
mxgraph.networks2.mainframe fillColor+strokeColor
mxgraph.networks2.mainframe_shadow fillColor+strokeColor
mxgraph.networks2.mobile_network fillColor+strokeColor
mxgraph.networks2.mobile_network_shadow fillColor+strokeColor
mxgraph.networks2.mobile_phone fillColor+strokeColor
mxgraph.networks2.mobile_phone_shadow fillColor+strokeColor
mxgraph.networks2.modem fillColor+strokeColor
mxgraph.networks2.modem_shadow fillColor+strokeColor
mxgraph.networks2.monitor fillColor+strokeColor
mxgraph.networks2.monitor_shadow fillColor+strokeColor
mxgraph.networks2.nas_filer fillColor+strokeColor
mxgraph.networks2.nas_filer_shadow fillColor+strokeColor
mxgraph.networks2.network fillColor+strokeColor
mxgraph.networks2.network_security fillColor+strokeColor
mxgraph.networks2.network_security_shadow fillColor+strokeColor
mxgraph.networks2.network_shadow fillColor+strokeColor
mxgraph.networks2.patch_panel fillColor+strokeColor
mxgraph.networks2.patch_panel_shadow fillColor+strokeColor
mxgraph.networks2.pc fillColor+strokeColor
mxgraph.networks2.pc_shadow fillColor+strokeColor
mxgraph.networks2.phone fillColor+strokeColor
mxgraph.networks2.phone_shadow fillColor+strokeColor
mxgraph.networks2.printer fillColor+strokeColor
mxgraph.networks2.printer_shadow fillColor+strokeColor
mxgraph.networks2.projector_canvas fillColor+strokeColor
mxgraph.networks2.projector_canvas_shadow fillColor+strokeColor
mxgraph.networks2.rack_cabinet fillColor+strokeColor
mxgraph.networks2.rack_cabinet_shadow fillColor+strokeColor
mxgraph.networks2.router fillColor+strokeColor
mxgraph.networks2.router_shadow fillColor+strokeColor
mxgraph.networks2.satellite fillColor+strokeColor
mxgraph.networks2.satellite_dish fillColor+strokeColor
mxgraph.networks2.satellite_dish_shadow fillColor+strokeColor
mxgraph.networks2.satellite_shadow fillColor+strokeColor
mxgraph.networks2.scanner fillColor+strokeColor
mxgraph.networks2.scanner_shadow fillColor+strokeColor
mxgraph.networks2.server fillColor+strokeColor
mxgraph.networks2.server_shadow fillColor+strokeColor
mxgraph.networks2.social_media fillColor+strokeColor
mxgraph.networks2.social_media_shadow fillColor+strokeColor
mxgraph.networks2.tablet fillColor+strokeColor
mxgraph.networks2.tablet_shadow fillColor+strokeColor
mxgraph.networks2.terminal fillColor+strokeColor
mxgraph.networks2.terminal_shadow fillColor+strokeColor
mxgraph.networks2.threat fillColor+strokeColor
mxgraph.networks2.threat_shadow fillColor+strokeColor
mxgraph.networks2.ups fillColor+strokeColor
mxgraph.networks2.ups_shadow fillColor+strokeColor
mxgraph.networks2.user_female fillColor+strokeColor
mxgraph.networks2.user_female_shadow fillColor+strokeColor
mxgraph.networks2.user_male fillColor+strokeColor
mxgraph.networks2.user_male_shadow fillColor+strokeColor
mxgraph.networks2.users fillColor+strokeColor
mxgraph.networks2.users_shadow fillColor+strokeColor
mxgraph.networks2.video_projector fillColor+strokeColor
mxgraph.networks2.video_projector_shadow fillColor+strokeColor
mxgraph.networks2.vr fillColor+strokeColor
mxgraph.networks2.vr_shadow fillColor+strokeColor
mxgraph.networks2.web_hosting fillColor+strokeColor
mxgraph.networks2.web_hosting_shadow fillColor+strokeColor
mxgraph.networks2.wireless_hub fillColor+strokeColor
mxgraph.networks2.wireless_hub_shadow fillColor+strokeColor

PlantUML Usage

@startuml
mxgraph.networks2.antenna "antenna" as antenna
@enduml

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