Infinite canvas
Skill Dragoon0x/everything-design-taste/skills/infinite-canvas
Infinite canvas interfaces, whiteboard UX, spatial design, zoom and pan patterns.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill infinite-canvasAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.3 KB, 258 tokens by cl100k_base, as published. Nobody here has run it
Infinite Canvas Patterns
Core Interactions
| Action | Input | Touch |
|---|---|---|
| Pan | Middle-click drag, Space+drag | Two-finger drag |
| Zoom | Scroll wheel, Cmd+/- | Pinch |
| Select | Click | Tap |
| Multi-select | Shift+click, drag selection box | Long press + drag |
| Create | Double-click, toolbar action | Double tap, toolbar |
Navigation
- Minimap in corner showing viewport position
- Zoom controls (+/- buttons with percentage display)
- "Fit to screen" / "Zoom to selection" shortcuts
- Breadcrumb for nested frames/groups
Performance
- Only render visible elements (viewport culling)
- Level-of-detail: simplify elements at low zoom levels
- Lazy load off-screen content
- Debounce pan/zoom events for rendering
Grid & Snapping
- Optional grid overlay (toggle on/off)
- Snap to grid while dragging
- Smart guides (alignment lines showing relation to other elements)
- Distance indicators between selected and nearby elements
Collaboration
- Real-time cursor positions of other users
- User name labels on cursors
- Selection highlighting per user
- Viewport indicators on minimap for each user
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.