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-stencilsbpmn.md

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

BPMN Stencils

Stencil library: mxgraph.bpmn.*

Total: 183 stencils

Style hints

  • 39 shape(s) need fillColor+strokeColor
Shape Required Styles
mxgraph.bpmn.ad_hoc fillColor+strokeColor
mxgraph.bpmn.business_rule_task fillColor+strokeColor
mxgraph.bpmn.cancel_end fillColor+strokeColor
mxgraph.bpmn.cancel_intermediate fillColor+strokeColor
mxgraph.bpmn.compensation fillColor+strokeColor
mxgraph.bpmn.compensation_end fillColor+strokeColor
mxgraph.bpmn.compensation_intermediate fillColor+strokeColor
mxgraph.bpmn.conversation2.callConversation
mxgraph.bpmn.conversation2.callSubConversation
mxgraph.bpmn.conversation2.conversation
mxgraph.bpmn.conversation2.subConversation
mxgraph.bpmn.data2.dataInput
mxgraph.bpmn.data2.dataInputCollection
mxgraph.bpmn.data2.dataObject
mxgraph.bpmn.data2.dataObjectCollection
mxgraph.bpmn.data2.dataOutput
mxgraph.bpmn.data2.dataOutputCollection
mxgraph.bpmn.error_end fillColor+strokeColor
mxgraph.bpmn.error_intermediate fillColor+strokeColor
mxgraph.bpmn.event.cancelBound
mxgraph.bpmn.event.cancelEnd
mxgraph.bpmn.event.compensationBound
mxgraph.bpmn.event.compensationEnd
mxgraph.bpmn.event.compensationStart
mxgraph.bpmn.event.compensationThrowing
mxgraph.bpmn.event.conditionalBoundInt
mxgraph.bpmn.event.conditionalBoundNI
mxgraph.bpmn.event.conditionalCatching
mxgraph.bpmn.event.conditionalStart
mxgraph.bpmn.event.conditionalStartNI
mxgraph.bpmn.event.end
mxgraph.bpmn.event.errorBound
mxgraph.bpmn.event.errorEnd
mxgraph.bpmn.event.errorStart
mxgraph.bpmn.event.escalationBoundInt
mxgraph.bpmn.event.escalationBoundNI
mxgraph.bpmn.event.escalationEnd
mxgraph.bpmn.event.escalationStart
mxgraph.bpmn.event.escalationStartNI
mxgraph.bpmn.event.escalationThrowing
mxgraph.bpmn.event.intermediateThrow
mxgraph.bpmn.event.linkCatching
mxgraph.bpmn.event.linkThrowing
mxgraph.bpmn.event.messageBoundInt
mxgraph.bpmn.event.messageBoundNI
mxgraph.bpmn.event.messageCatching
mxgraph.bpmn.event.messageEnd
mxgraph.bpmn.event.messageStart
mxgraph.bpmn.event.messageStartNI
mxgraph.bpmn.event.messageThrowing
mxgraph.bpmn.event.multipleBoundInt
mxgraph.bpmn.event.multipleBoundNI
mxgraph.bpmn.event.multipleCatching
mxgraph.bpmn.event.multipleEnd
mxgraph.bpmn.event.multipleStart
mxgraph.bpmn.event.multipleStartNI
mxgraph.bpmn.event.multipleThrowing
mxgraph.bpmn.event.parallelBoundInt
mxgraph.bpmn.event.parallelBoundNI
mxgraph.bpmn.event.parallelCatching
mxgraph.bpmn.event.parallelStart
mxgraph.bpmn.event.parallelStartNI
mxgraph.bpmn.event.signalBoundInt
mxgraph.bpmn.event.signalBoundNI
mxgraph.bpmn.event.signalCatching
mxgraph.bpmn.event.signalEnd
mxgraph.bpmn.event.signalStart
mxgraph.bpmn.event.signalStartNI
mxgraph.bpmn.event.signalThrowing
mxgraph.bpmn.event.start
mxgraph.bpmn.event.terminateEnd
mxgraph.bpmn.event.timerBoundInt
mxgraph.bpmn.event.timerBoundNI
mxgraph.bpmn.event.timerCatching
mxgraph.bpmn.event.timerStart
mxgraph.bpmn.event.timerStartNI
mxgraph.bpmn.gateway fillColor+strokeColor
mxgraph.bpmn.gateway_and fillColor+strokeColor
mxgraph.bpmn.gateway_complex fillColor+strokeColor
mxgraph.bpmn.gateway_or fillColor+strokeColor
mxgraph.bpmn.gateway_xor_(data) fillColor+strokeColor
mxgraph.bpmn.gateway_xor_(event) fillColor+strokeColor
mxgraph.bpmn.gateway2.cancelBound
mxgraph.bpmn.gateway2.cancelEnd
mxgraph.bpmn.gateway2.compensationBound
mxgraph.bpmn.gateway2.compensationEnd
mxgraph.bpmn.gateway2.compensationInt
mxgraph.bpmn.gateway2.compensationThrowing
mxgraph.bpmn.gateway2.complex
mxgraph.bpmn.gateway2.conditional
mxgraph.bpmn.gateway2.conditionalBoundInt
mxgraph.bpmn.gateway2.conditionalBoundNI
mxgraph.bpmn.gateway2.conditionalCatching
mxgraph.bpmn.gateway2.conditionalInt
mxgraph.bpmn.gateway2.conditionalNI
mxgraph.bpmn.gateway2.error
mxgraph.bpmn.gateway2.errorBound
mxgraph.bpmn.gateway2.errorEnd
mxgraph.bpmn.gateway2.escalationBoundInt
mxgraph.bpmn.gateway2.escalationBoundNI
mxgraph.bpmn.gateway2.escalationEnd
mxgraph.bpmn.gateway2.escalationInt
mxgraph.bpmn.gateway2.escalationNI
mxgraph.bpmn.gateway2.escalationThrowing
mxgraph.bpmn.gateway2.exclusive
mxgraph.bpmn.gateway2.exclusiveMarked
mxgraph.bpmn.gateway2.inclusive
mxgraph.bpmn.gateway2.intermediate
mxgraph.bpmn.gateway2.linkCatching
mxgraph.bpmn.gateway2.linkThrowing
mxgraph.bpmn.gateway2.message
mxgraph.bpmn.gateway2.messageBoundInt
mxgraph.bpmn.gateway2.messageBoundNI
mxgraph.bpmn.gateway2.messageCatching
mxgraph.bpmn.gateway2.messageEnd
mxgraph.bpmn.gateway2.messageInt
mxgraph.bpmn.gateway2.messageNI
mxgraph.bpmn.gateway2.messageThrowing
mxgraph.bpmn.gateway2.multiple
mxgraph.bpmn.gateway2.multipleBoundInt
mxgraph.bpmn.gateway2.multipleBoundNI
mxgraph.bpmn.gateway2.multipleCatching
mxgraph.bpmn.gateway2.multipleEnd
mxgraph.bpmn.gateway2.multipleInt
mxgraph.bpmn.gateway2.multipleNI
mxgraph.bpmn.gateway2.multipleStar
mxgraph.bpmn.gateway2.multipleThrowing
mxgraph.bpmn.gateway2.parallel
mxgraph.bpmn.gateway2.parallelMultiple
mxgraph.bpmn.gateway2.parallelMultipleBoundInt
mxgraph.bpmn.gateway2.parallelMultipleBoundNI
mxgraph.bpmn.gateway2.parallelMultipleCatching
mxgraph.bpmn.gateway2.parallelMultipleInt
mxgraph.bpmn.gateway2.parallelMultipleNI
mxgraph.bpmn.gateway2.signal
mxgraph.bpmn.gateway2.signalBoundInt
mxgraph.bpmn.gateway2.signalBoundNI
mxgraph.bpmn.gateway2.signalCatching
mxgraph.bpmn.gateway2.signalEnd
mxgraph.bpmn.gateway2.signalInt
mxgraph.bpmn.gateway2.signalNI
mxgraph.bpmn.gateway2.signalThrowing
mxgraph.bpmn.gateway2.start
mxgraph.bpmn.gateway2.terminateEnd
mxgraph.bpmn.gateway2.timer
mxgraph.bpmn.gateway2.timerBoundInt
mxgraph.bpmn.gateway2.timerBoundNI
mxgraph.bpmn.gateway2.timerCatching
mxgraph.bpmn.gateway2.timerInt
mxgraph.bpmn.gateway2.timerNI
mxgraph.bpmn.general_end fillColor+strokeColor
mxgraph.bpmn.general_intermediate fillColor+strokeColor
mxgraph.bpmn.general_start fillColor+strokeColor
mxgraph.bpmn.link_end fillColor+strokeColor
mxgraph.bpmn.link_intermediate fillColor+strokeColor
mxgraph.bpmn.link_start fillColor+strokeColor
mxgraph.bpmn.loop fillColor+strokeColor
mxgraph.bpmn.loop_marker fillColor+strokeColor
mxgraph.bpmn.manual_task fillColor+strokeColor
mxgraph.bpmn.message_end fillColor+strokeColor
mxgraph.bpmn.message_intermediate fillColor+strokeColor
mxgraph.bpmn.message_start fillColor+strokeColor
mxgraph.bpmn.multiple_end fillColor+strokeColor
mxgraph.bpmn.multiple_instances fillColor+strokeColor
mxgraph.bpmn.multiple_intermediate fillColor+strokeColor
mxgraph.bpmn.multiple_start fillColor+strokeColor
mxgraph.bpmn.rule_intermediate fillColor+strokeColor
mxgraph.bpmn.rule_start fillColor+strokeColor
mxgraph.bpmn.script_task fillColor+strokeColor
mxgraph.bpmn.service_task fillColor+strokeColor
mxgraph.bpmn.swimlane.horizontal
mxgraph.bpmn.swimlane.vertical
mxgraph.bpmn.task2.additionalParticipant
mxgraph.bpmn.task2.additionalParticipantMulti
mxgraph.bpmn.task2.expandedSubProcess
mxgraph.bpmn.task2.participantBottomInit
mxgraph.bpmn.task2.participantBottomMulti
mxgraph.bpmn.task2.participantTopInit
mxgraph.bpmn.task2.participantTopMulti
mxgraph.bpmn.terminate fillColor+strokeColor
mxgraph.bpmn.timer_intermediate fillColor+strokeColor
mxgraph.bpmn.timer_start fillColor+strokeColor
mxgraph.bpmn.user_task fillColor+strokeColor

PlantUML Usage

@startuml
mxgraph.bpmn.ad_hoc "ad_hoc" as ad_hoc
@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