// Use Decknow's built-in diagram-basic plugin. Use when authoring semantic process flows with dk-flow and dk-flow-step, or layered hierarchy diagrams with dk-pyramid and dk-pyramid-level.
Create, edit, validate, inspect, comment-review, and build Decknow HTML slide decks. Use when the user wants an AI coding agent to make or improve a Decknow presentation, process Decknow browser comments, fix reusable Decknow rendering issues, or build a single-file HTML deck.
Use and maintain Decknow's built-in terminal-green theme. Use when a deck or system change involves default theme tokens, typography, surfaces, colors, spacing, or theme/runtime styling boundaries.
| name | decknow-plugin-diagram-basic |
| description | Use Decknow's built-in diagram-basic plugin. Use when authoring semantic process flows with dk-flow and dk-flow-step, or layered hierarchy diagrams with dk-pyramid and dk-pyramid-level. |
Use this plugin skill when a deck needs simple semantic diagrams.
Use dk-flow for ordered processes. Put arbitrary Decknow content inside
dk-flow-step; a step can contain headings, text, lists, tables, links, or
nested layout elements.
<dk-flow direction="vertical">
<dk-flow-step>
<dk-heading level="3">Collect context</dk-heading>
<dk-text>Read project history, owners, and decisions.</dk-text>
</dk-flow-step>
<dk-flow-step>
<dk-heading level="3">Prepare evidence</dk-heading>
<dk-text>Package citations for the agent.</dk-text>
</dk-flow-step>
</dk-flow>
Attributes:
direction="auto|horizontal|vertical"density="low|medium|high"responsive="auto|none"Use dk-pyramid for layered hierarchy or maturity diagrams.
<dk-pyramid>
<dk-pyramid-level>Strategy</dk-pyramid-level>
<dk-pyramid-level>Runtime</dk-pyramid-level>
<dk-pyramid-level>Data foundation</dk-pyramid-level>
</dk-pyramid>
Attributes:
label-placement="auto|inside|side|callout"fit="auto|fill"tip-ratio="0.18"Do not hand-code SVG geometry for these diagrams unless the plugin cannot express the structure.