tsquare

ClaudeCommunityby tsquare

tsquare draws low-fidelity UI wireframes. Claude writes the wireframe in tsquare's text language, and the server checks it and draws it: phone, tablet or desktop screens side by side on one board, with notes beside them and arrows for the flow between screens. Wireframes are grayscale unless you ask for an accent color. Ask for a sign-up flow or a settings page, and Claude gets the picture back to check before it shows you. When it's right, you get links: an SVG or PNG image link to put in Notion, GitHub or your docs, and a link that opens the wireframe in the tsquare playground, where you can edit the text and see it redrawn. Tools: - wireframe_guide: the language reference Claude reads before writing its first wireframe. - render_wireframe: checks the text and returns a PNG of the board, or the problems by line number so Claude can fix them. - share_wireframe: SVG and PNG image links, a playground link, and Markdown or HTML to paste. No account or setup. The server doesn't store wireframes: each one is drawn in memory and discarded. Image and share links carry the wireframe text inside the link (compressed, not encrypted), so anyone with a link can read it. tsquare is open source (MIT).