1:10
01 · Set up
Install Recto
Pick Apple silicon or Intel, then drag Recto into Applications.
eight lessons. the agent you already use.
Claude Code
Codex
Cursor
OpenCode
02Lessons
Watch them in order, or pick the one you need.
1:25
02 · Set up
Connect your agent
Setup finds Claude Code, Codex, Cursor or OpenCode.
0:55
03 · Set up
Open a project
A folder of HTML pages, theme.css and DESIGN.md.
1:40
04 · Design with your agent
Write a brief
Say what you want, attach screenshots, pick a mode.
1:15
05 · Design with your agent
Watch it design
Pages appear on the canvas as your agent writes them.
2:05
06 · Make it yours
Make it yours
Move, resize, restyle. Every change is a small diff.
1:20
07 · Make it yours
Point and ask
Pin a comment; your agent edits and replies.
1:05
08 · Ship
Ship it
Commit the HTML, or export PNG, SVG and video.
03More courses
Coming soon
more courses
on the way.
Motion
coming soon
Timelines, keyframes and a video export.
3D
coming soon
A parametric scene, from brief to .glb.
Design systems
coming soon
Tokens, DESIGN.md and a system from a URL.