Sommer in Bewegung
Screens wire into a path, and the tap between each pair is a link you drew, not an assumption.
The AI prototyping tool where you click before you build
Wire frames together and the flow turns clickable right where it was designed. Walk the path, hit the dead end, fix the screen, run it again, all before engineering commits a sprint.
Wire screens into a flow you click before you build.
The shared live canvas: the deck, video and brand work a validated flow turns into. Click in and drag a frame.
Click through the flow before anyone builds it
Wire your screens together and walk the path: tap the button, arrive on the next screen, hit the dead end nobody caught in the flat review. A clickable flow earns feedback about the journey instead of the padding.
The screens themselves are one ask away. Describe the flow and the agent lays the frames onto the canvas; wiring them into a prototype is the next sentence, not a second tool.
The prototype is the design, not an export of it
Every screen is a frame of real HTML with every element editable, and a link points any element at the screen it opens. There is no prototype mode holding a copy of your design, so nothing drifts when one side changes.
Change the label mid review, run the flow from the top, and learn within a minute whether that was the real objection.
Fix the screen in the room, then run it again.
What a clickable prototype includes
Real screens
Frames at true size, phone or desktop, the originals rather than imported copies.
Wired paths
Any element links to the screen it opens. Pull back and the flow reads as a shape.
Present mode
Run the flow full screen from the browser the moment the last link is drawn.
Live co-editing
Multiplayer cursors with safe undo, so a reviewer changes the thing they mean.
Reviewers walk the flow on the same canvas you edit, so the fix happens while the objection is warm.
Every AI works on the same prototypes canvas.
Bring the agent you already use. It reads the brief, sees the work and writes the next editable frame — no exported file, no paste, no drift.
Wire the signup screens into a clickable flow, every button linked. build the complete working system.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · canvas.write_html shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
Wire the signup screens into a clickable flow, every button linked. create three useful variants.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · canvas.create_variants shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
Wire the signup screens into a clickable flow, every button linked. compose the visual direction.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · media.compose shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
Wire the signup screens into a clickable flow, every button linked. turn the approved frame into code.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · canvas.read_html shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
Wire the signup screens into a clickable flow, every button linked. prepare the publishing pass.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · schedule.prepare shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
Wire the signup screens into a clickable flow, every button linked. run your own workflow on the canvas.
shyne · canvas.read prototypes✓
shyne · frames.link writes editable frames✓
shyne · mcp.call shared canvas✓
A clickable path through four screens is now composed on the same live canvas.
One shared canvas
Every prototypes frame stays visible to people and agents at the same time.
Always on brand
Your colors, type and reusable assets stay attached to every prototypes variation.
Editable output
The result lands as real frames and objects, ready for the next human decision.
Media in context
Generate or place imagery where the composition needs it, without leaving the working surface.
Open to every agent
Claude, ChatGPT, Gemini, Cursor, Grok and your own agent work through the same MCP surface.
Ready to ship
Move from the approved canvas to the useful file, link or published format without rebuilding it.
Rewire the path by asking
The agent edits the same wired frames, so an ask restructures the flow you are standing in rather than generating a stranger. Links hold while the screens change.
- Add an empty state after the search screenA new frame lands in the path, wired in on both sides.
- Make the confirmation mention the fifteen minute holdThe copy changes on the live screen. The flow never needs rebuilding.
- Branch the flow for signed out usersA second path appears beside the first, sharing the screens they have in common.
Present the flow full screen from the browser, or send a live link nobody has to install.
Find the dead end before engineering does
Walk the flow, fix the frame, walk it again. When the path finally reads clean, the screens underneath are still real HTML, already on the canvas the build will be specified from.
A wrong turn found in review costs a sentence, not a sprint.
Questions
How do I make a clickable prototype with AI?
Ask for the screens, then wire them: link a button or any element to the screen it opens. The agent can lay out the frames and the links in one pass, and you adjust either by hand.
Can I change the prototype during a review?
Yes, because the prototype is the design itself, not an export. Edit the label or the whole layout mid meeting, then run the flow again from the top.
How do stakeholders try the flow?
Present it full screen from the browser or send a live link. There is no build step and no uploaded copy that goes stale while the design moves on.
Does it handle desktop and mobile flows?
A screen is a frame at whatever size you set, so a 1440 desktop path and a phone path wire up the same way, side by side on one canvas.
Make it clickable
Wire screens into a flow you click before you build.
Open Shyne →