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

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

iOS7 Stencils

Stencil library: mxgraph.ios7.*

Total: 168 stencils

Style hints

  • 11 shape(s) need fillColor+strokeColor
  • 157 shape(s) need strokeColor
Shape Required Styles
mxgraph.ios7.icons.add strokeColor
mxgraph.ios7.icons.alarm_clock strokeColor
mxgraph.ios7.icons.back strokeColor
mxgraph.ios7.icons.backward strokeColor
mxgraph.ios7.icons.bag strokeColor
mxgraph.ios7.icons.basket_cancel strokeColor
mxgraph.ios7.icons.basketball strokeColor
mxgraph.ios7.icons.battery strokeColor
mxgraph.ios7.icons.bell strokeColor
mxgraph.ios7.icons.bluetooth strokeColor
mxgraph.ios7.icons.book strokeColor
mxgraph.ios7.icons.bookmark strokeColor
mxgraph.ios7.icons.box strokeColor
mxgraph.ios7.icons.briefcase strokeColor
mxgraph.ios7.icons.calculator strokeColor
mxgraph.ios7.icons.calendar strokeColor
mxgraph.ios7.icons.calendar2 strokeColor
mxgraph.ios7.icons.camera strokeColor
mxgraph.ios7.icons.chat strokeColor
mxgraph.ios7.icons.clock strokeColor
mxgraph.ios7.icons.cloud strokeColor
mxgraph.ios7.icons.compose strokeColor
mxgraph.ios7.icons.controls strokeColor
mxgraph.ios7.icons.controls2 strokeColor
mxgraph.ios7.icons.credit_card strokeColor
mxgraph.ios7.icons.crop strokeColor
mxgraph.ios7.icons.cube strokeColor
mxgraph.ios7.icons.cup strokeColor
mxgraph.ios7.icons.data strokeColor
mxgraph.ios7.icons.delete strokeColor
mxgraph.ios7.icons.document strokeColor
mxgraph.ios7.icons.documents strokeColor
mxgraph.ios7.icons.down strokeColor
mxgraph.ios7.icons.edit strokeColor
mxgraph.ios7.icons.envelope_(empty) strokeColor
mxgraph.ios7.icons.envelope_(message) strokeColor
mxgraph.ios7.icons.eye strokeColor
mxgraph.ios7.icons.flag strokeColor
mxgraph.ios7.icons.flash strokeColor
mxgraph.ios7.icons.flashlight strokeColor
mxgraph.ios7.icons.folder strokeColor
mxgraph.ios7.icons.folders strokeColor
mxgraph.ios7.icons.folders_2 strokeColor
mxgraph.ios7.icons.forward strokeColor
mxgraph.ios7.icons.gauge strokeColor
mxgraph.ios7.icons.glasses strokeColor
mxgraph.ios7.icons.globe strokeColor
mxgraph.ios7.icons.heart strokeColor
mxgraph.ios7.icons.help strokeColor
mxgraph.ios7.icons.home strokeColor
mxgraph.ios7.icons.info strokeColor
mxgraph.ios7.icons.keypad strokeColor
mxgraph.ios7.icons.lightbulb strokeColor
mxgraph.ios7.icons.link strokeColor
mxgraph.ios7.icons.location strokeColor
mxgraph.ios7.icons.location_2 strokeColor
mxgraph.ios7.icons.location_22 strokeColor
mxgraph.ios7.icons.locked strokeColor
mxgraph.ios7.icons.looking_glass strokeColor
mxgraph.ios7.icons.loud strokeColor
mxgraph.ios7.icons.magnet strokeColor
mxgraph.ios7.icons.mail strokeColor
mxgraph.ios7.icons.map strokeColor
mxgraph.ios7.icons.message strokeColor
mxgraph.ios7.icons.messages strokeColor
mxgraph.ios7.icons.microphone strokeColor
mxgraph.ios7.icons.monitor strokeColor
mxgraph.ios7.icons.moon strokeColor
mxgraph.ios7.icons.most_viewed strokeColor
mxgraph.ios7.icons.move_to_folder strokeColor
mxgraph.ios7.icons.note strokeColor
mxgraph.ios7.icons.options strokeColor
mxgraph.ios7.icons.orientation_lock strokeColor
mxgraph.ios7.icons.orientation_lock2 strokeColor
mxgraph.ios7.icons.page_navigation strokeColor
mxgraph.ios7.icons.paint strokeColor
mxgraph.ios7.icons.pause strokeColor
mxgraph.ios7.icons.pen strokeColor
mxgraph.ios7.icons.phone strokeColor
mxgraph.ios7.icons.pie_chart strokeColor
mxgraph.ios7.icons.play strokeColor
mxgraph.ios7.icons.pointer strokeColor
mxgraph.ios7.icons.preferences strokeColor
mxgraph.ios7.icons.printer strokeColor
mxgraph.ios7.icons.privacy strokeColor
mxgraph.ios7.icons.radio strokeColor
mxgraph.ios7.icons.reload strokeColor
mxgraph.ios7.icons.repeat strokeColor
mxgraph.ios7.icons.retry strokeColor
mxgraph.ios7.icons.select strokeColor
mxgraph.ios7.icons.settings strokeColor
mxgraph.ios7.icons.share strokeColor
mxgraph.ios7.icons.shopping_cart strokeColor
mxgraph.ios7.icons.shuffle strokeColor
mxgraph.ios7.icons.silent strokeColor
mxgraph.ios7.icons.smartphone strokeColor
mxgraph.ios7.icons.star strokeColor
mxgraph.ios7.icons.stopwatch strokeColor
mxgraph.ios7.icons.storage strokeColor
mxgraph.ios7.icons.sun strokeColor
mxgraph.ios7.icons.tape strokeColor
mxgraph.ios7.icons.tools strokeColor
mxgraph.ios7.icons.trashcan strokeColor
mxgraph.ios7.icons.trophy strokeColor
mxgraph.ios7.icons.typing strokeColor
mxgraph.ios7.icons.umbrella strokeColor
mxgraph.ios7.icons.unlocked strokeColor
mxgraph.ios7.icons.up strokeColor
mxgraph.ios7.icons.user strokeColor
mxgraph.ios7.icons.video_conversation strokeColor
mxgraph.ios7.icons.volume strokeColor
mxgraph.ios7.icons.volume_2 strokeColor
mxgraph.ios7.icons.wallet strokeColor
mxgraph.ios7.icons.wifi strokeColor
mxgraph.ios7.icons.window strokeColor
mxgraph.ios7.misc.add strokeColor
mxgraph.ios7.misc.adjust strokeColor
mxgraph.ios7.misc.bluetooth fillColor+strokeColor
mxgraph.ios7.misc.broadcast fillColor+strokeColor
mxgraph.ios7.misc.call_pad strokeColor
mxgraph.ios7.misc.check strokeColor
mxgraph.ios7.misc.circle strokeColor
mxgraph.ios7.misc.contacts_bar strokeColor
mxgraph.ios7.misc.current_location strokeColor
mxgraph.ios7.misc.delete strokeColor
mxgraph.ios7.misc.down strokeColor
mxgraph.ios7.misc.dunno5 strokeColor
mxgraph.ios7.misc.dunno6 strokeColor
mxgraph.ios7.misc.edit_bar strokeColor
mxgraph.ios7.misc.expand strokeColor
mxgraph.ios7.misc.flagged strokeColor
mxgraph.ios7.misc.increase strokeColor
mxgraph.ios7.misc.info strokeColor
mxgraph.ios7.misc.ipad10inch strokeColor
mxgraph.ios7.misc.ipad13inch strokeColor
mxgraph.ios7.misc.ipad7inch strokeColor
mxgraph.ios7.misc.iphone strokeColor
mxgraph.ios7.misc.keyboard_(letters) strokeColor
mxgraph.ios7.misc.left strokeColor
mxgraph.ios7.misc.link fillColor+strokeColor
mxgraph.ios7.misc.loading_circle strokeColor
mxgraph.ios7.misc.message_bar strokeColor
mxgraph.ios7.misc.misc_bar strokeColor
mxgraph.ios7.misc.more strokeColor
mxgraph.ios7.misc.more_2 strokeColor
mxgraph.ios7.misc.night fillColor+strokeColor
mxgraph.ios7.misc.notification fillColor+strokeColor
mxgraph.ios7.misc.number_pad strokeColor
mxgraph.ios7.misc.options strokeColor
mxgraph.ios7.misc.pause strokeColor
mxgraph.ios7.misc.picker strokeColor
mxgraph.ios7.misc.remove strokeColor
mxgraph.ios7.misc.right strokeColor
mxgraph.ios7.misc.scroll_(horizontal) strokeColor
mxgraph.ios7.misc.scroll_(vertical) strokeColor
mxgraph.ios7.misc.select strokeColor
mxgraph.ios7.misc.select_bar_1 strokeColor
mxgraph.ios7.misc.select_bar_2 strokeColor
mxgraph.ios7.misc.settings fillColor+strokeColor
mxgraph.ios7.misc.star strokeColor
mxgraph.ios7.misc.switch fillColor+strokeColor
mxgraph.ios7.misc.text_size fillColor+strokeColor
mxgraph.ios7.misc.travel fillColor+strokeColor
mxgraph.ios7.misc.up strokeColor
mxgraph.ios7.misc.volume_down strokeColor
mxgraph.ios7.misc.volume_up strokeColor
mxgraph.ios7.misc.vpn fillColor+strokeColor
mxgraph.ios7.misc.wifi fillColor+strokeColor

PlantUML Usage

@startuml
mxgraph.ios7.icons.add "add" as add
@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