tsquare wireframes

Draws UI wireframes from a small text language: multi-screen boards with notes and flow arrows.

Install

Remote server: your requests and data go to tsquare.dev. Claude Code: claude mcp add --transport http tsquare-wireframes https://tsquare.dev/mcp · Claude app: Settings → Connectors → Add custom connector.

What it can do

The tools this server listed when we connected to it, in its own words.

• wireframe_guide — The tsquare language reference: the text format, the rules, a worked example and every component with its props. Meant to be read once, befo
• render_wireframe — Checks tsquare wireframe text and renders it. Returns a PNG of the board, or, if the text isn't valid, each problem with its line number and
• share_wireframe — Links for valid tsquare wireframe text, the same kinds as the playground's Copy link menu: a share link that opens it in the playground for

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

• frontend-design 194,218 ★
  Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
• web-artifacts-builder 194,218 ★
  Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
• frontend-ui-engineering 117,221 ★
  Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces a
• dashboard-chat-best-practices 116,897 ★
  Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PP
• design-taste-frontend 115,156 ★
  tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com