tsquare MCP
An MCP server that allows AI agents to generate low-fidelity UI wireframes from a plain text language (.tsq). It supports rendering boards with screens, notes, and flow arrows into grayscale SVG or PNG images, specifically designed for LLMs to write and fix their own output.
Endpoint and access
No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.
https://tsquare.dev/mcpWhat its tools do
3 tools, grouped by the hints the server advertises. Hints are self-declared, not verified behavior.
Read-only (3)
Checks and signals
Each line is separate evidence, not a trust score.
- Passed Endpoint answered the live check ·
- Passed Official MCP Registry namespace is tied to tsquare.dev ·
- Passed Endpoint is on the registry namespace domain ·
- Availability 1 of 1 checks passed in 30 days
What you can do with it
- Generate UI wireframes from text descriptions
- Render multi-screen boards with notes and flow arrows
- Output wireframes as SVG or PNG images
- Enable AI models to fix wireframe output by line
Source and maintenance
- Maintenance checked
Protocol and capabilities
- Server
- tsquare 0.14.2
- MCP protocol negotiated in check
- 2025-11-25
- Tools
- 3 advertised
- Resources
- Not advertised
- Resource templates
- Not advertised
- Prompts
- Not advertised
{
"tools": {
"listChanged": true
}
}Server-provided instructions
Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.
Tools
3 advertised
wireframe_guide — tsquare language guide
How to write a tsquare wireframe: the text format, the rules, a worked example and every component with its props. Call it once before writing your first wireframe.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {}
}{
"readOnlyHint": true,
"openWorldHint": false
}render_wireframe — Render a wireframe
Check tsquare wireframe text and render it. Returns a PNG of the board so you can see it, or the problems by line number (with the valid options) if the text isn't valid. Fix every problem and call it again.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"text"
],
"properties": {
"text": {
"type": "string",
"maxLength": 64000,
"description": "The wireframe in tsquare text (a ```tsquare code fence around it is fine)."
},
"flows": {
"type": "boolean",
"description": "Draw flow arrows (default true). false leaves them out, as if there were no flow lines."
}
}
}{
"readOnlyHint": true,
"openWorldHint": false
}share_wireframe — Share a wireframe
Links for valid tsquare wireframe text, the same kinds as the playground's Copy link menu: a share link to edit it in the playground, image links (SVG, PNG), Markdown and HTML. Ask only for the links the user needs (default: an SVG image link and the share link). Each link contains the whole wireframe text (compressed), so anyone with a link can read it.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"text"
],
"properties": {
"text": {
"type": "string",
"maxLength": 64000,
"description": "The wireframe in tsquare text (a ```tsquare code fence around it is fine)."
},
"flows": {
"type": "boolean",
"description": "Draw flow arrows (default true). false leaves them out, as if there were no flow lines."
},
"links": {
"type": "array",
"items": {
"enum": [
"share",
"svg",
"png",
"markdown",
"html"
],
"type": "string"
},
"minItems": 1,
"description": "Which links to return; ask only for what the user needs, since each link is long. share: open and edit it in the playground. svg: an image link to view or embed (Notion, GitHub, docs). png: an image link for tools that don't show SVG. markdown: an image for READMEs and docs. html: an <img> tag for web pages. Default [svg, share]."
}
}
}{
"readOnlyHint": true,
"openWorldHint": false
}Prompts
Not advertised
Resources
Not advertised
90-day uptime
A lightweight connection check about every six hours, sampled on hosts with many listings. It shows the server answered, not that its tools work.
- 2026-11-07: 1 of 1 checks answered
- 2026-11-09: 1 of 1 checks answered
30-day availability
Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.
- Successful checks
- 1 of 1 (100%)
- Average latency
- 453 ms
- 95th percentile latency
- 453 ms
Maintenance history
Public check and source-refresh events. Editorial and ownership records remain private.
- · probe · passed · 453 ms · metadata changed · 3 tool(s)
Connect from your client
Each snippet registers the same endpoint; pick the client you use.
Claude Code
claude mcp add --transport http tsquare-mcp https://tsquare.dev/mcpCodex
codex mcp add tsquare-mcp --url https://tsquare.dev/mcpCursor
{
"mcpServers": {
"tsquare-mcp": {
"url": "https://tsquare.dev/mcp"
}
}
}Cline
{
"mcpServers": {
"tsquare-mcp": {
"type": "streamableHttp",
"url": "https://tsquare.dev/mcp",
"disabled": false
}
}
}VS Code
{
"servers": {
"tsquare-mcp": {
"type": "http",
"url": "https://tsquare.dev/mcp"
}
}
}Gemini CLI
gemini mcp add --transport http tsquare-mcp https://tsquare.dev/mcpClaude Desktop
https://tsquare.dev/mcpWindsurf
{
"mcpServers": {
"tsquare-mcp": {
"serverUrl": "https://tsquare.dev/mcp"
}
}
}Let your agent find its tools
Find servers like tsquare MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.
Other design servers
Do you run tsquare MCP?
Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.