component-diagram

Consistent UML component diagrams — software modules and their interface contracts.

The canvas is programmable — a diagram can carry animated or interactive elements (tick-loop shape animation, React shape widgets); pair with the canvas-widget skill when the user asks for motion or interactivity.

Before you start

• Read references/shared/bridge.md (bundled with this skill), references/shared/style.md, references/shared/diagramming.md, references/shared/uml-notation.md (stereotypes).
• Read ./reference.md — component/interface notation, simple vs explicit interface modes, layout.

Target document