canvas-widget

Make any canvas live. A widget is shapes + a document script: animation via the editor's tick loop, interactivity via pointer events or real React DOM. This skill is research-driven — the mechanics below are fixed; the widget's content (what a globe, chart, or gauge looks like) comes from the best reference implementation you can find.

Before you start

• Read references/shared/bridge.md, references/shared/style.md, references/shared/research.md (bundled with this skill).
• Read ./reference.md — the three widget tiers and their contracts.
• Read the live recipes for whichever tier you use: api.recipes['animation-simulation-loop'], ['clickable-card-or-button-ui'], ['custom-shape-config-js'], ['custom-overlay-config-js'] — the live app's /readme and api.recipes outrank these notes on newer app versions.