Easy for LLMs to write, fast to render as SVG or PNG. Whole boards of screens, with notes beside them, ready to drop into your docs.
tsquarenpx tsquare render login.tsq -o login.png
board "Sign in"
screen phone "Sign in" padding=28 gap=16
spacer size=24
heading "Welcome back" level=1
text "Sign in to sync your notes." muted
input email "Email" placeholder="you@example.com"
input password "Password"
stack row justify=between
checkbox "Remember me" checked
button ghost sm "Forgot?"
button primary lg "Sign in" fullWidth
spacer
text sm "New here? Create an account" align=center muted
note "Show the error state when the password is wrong" width=200Several devices side by side (phone, tablet, desktop), with sticky notes for open questions. A whole feature on one image.
Sonnet wrote valid tsquare on the first try in 20 of 20 tests. Mistakes come back by line, with "did you mean", so models fix their own output. See the evals.
Clean grayscale SVG or PNG with one accent color. Image URLs work anywhere an image does: Notion, GitHub, docs sites.