Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →okhp3/okhp3-replit-canvas-board
Plan and build a structured multi-frame Replit canvas presentation board — hero rows, labeled zones, iframe lifecycle (building→live), coordinate layouts, and focusCanvasShapes for audience navigation.
Passed 14 of 19 test cases with the skill, and 5 of 19 without it.
and 10 more in the full report
10 fixed6 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
When placing a zone text label above a row of frames located at Y baseline = 500, what should the label's y coordinate be, given standard label height and gap recommendations?
| Checked | Without skill | With skill |
|---|---|---|
| Calculates label y as baseline minus 100 units (y = 400) | Missed | Passed |
The instructions your model reads when the skill loads.
OverKill Hill P³ · overkillhill.com · github.com/OKHP3
A portable Replit Agent Skill for planning and organising the workspace canvas as a structured presentation board — not just placing shapes, but producing a layout that a judge, reviewer, or collaborator can scan in under 30 seconds.
This skill sits above the raw canvas skill API. It teaches layout strategy; the canvas skill (read .local/skills/canvas/SKILL.md) teaches the callbacks.
| In scope | Out of scope |
|---|---|
| Zone planning, hero rows, gutter math | Canvas callback schemas — read the canvas skill |
| iframe building→live lifecycle for audience UX | Component authoring — read the mockup-sandbox skill |
| Section label shape conventions | Extracting existing components — read mockup-extract |
| focusCanvasShapes as a presentation close | Graduating mockups to production — read mockup-graduate |
(0, 0) is top-left.x goes right, positive y goes down.Building mode — iframes scattered wherever the last task dropped them. The canvas is a work surface, not a presentation. This is fine while building.
Presentation mode — iframes in deliberate zones with section labels, consistent gutters, and a focusCanvasShapes call at the end that pans the audience to the finished layout. Switch to this before a demo, judge review, or designathon submission.
Why this matters. A canvas with 11 frames in random positions looks unfinished even when the work is excellent. A canvas where a judge can scan Hero → Spec → Gameplay → Mobile → Storybook in one sweep communicates craft.
test cases passed, vs 5 / 19 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.