tsquare docs

tsquare is a small text language for UI wireframes. A .tsq file describes a board of screens; the tsquare CLI checks it and renders it to SVG or PNG. It's built for models to write, and easy for people to read and edit.

• Getting started: render your first wireframe.
• The language: lines, bare words, lists, comments, screens and devices, errors.
• Components: every component with a rendered example, its source, and its props.
• Icons: where the icons come from, the common ones, and every name.
• Colors: the accent color, badge tones, and input errors.
• Embedding: wireframes in Notion, GitHub and your own site.
• Using it with AI: the MCP server, the model prompt, the repair loop, and the Claude skill.

tsquare 0.9.0 · View this page on GitHub