What problem does it solve? Scattered Replit canvas frames make finished work look incomplete to judges, reviewers, and collaborators. This Skill turns an ad-hoc canvas into a structured presentation board with deliberate zones, consistent gutters, and a guided viewport focus. ## Core Features & Use Cases - Layout Planning: Inventory frames with getCanvasState, then compute a full coordinate table with zone lists, 80 px sibling gutters, and 160 px zone gutters before issuing a single applyCanvasActions batch. - Board Conventions: Apply hero row placement (frames at y = 100, label at y = 20) and numbered section labels (grey text shapes, h 60, pattern "01 — ZONE NAME") so reviewers can scan the board in under 30 seconds. - iframe Lifecycle & Presentation Close: Flip building iframes to live using the /__mockup/preview/{folder}/{ComponentName} URL pattern, then call focusCanvasShapes with animateMs: 500 as the final step. - Use Case: Before a designathon submission, reorganize twelve scattered frames into Hero, Spec, Gameplay, Mobile, and Storybook zones, flip all iframes to live, and pan the judges' viewport to the finished layout. ## Quick Start Ask the agent to arrange the existing canvas frames into labeled zones and focus the viewport on the finished presentation board.
