render_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.

read-only

Argument	Type	Description
text*	string	The wireframe in tsquare text (a ```tsquare code fence around it is fine).
flows	boolean	Draw flow arrows (default true). false leaves them out, as if there were no flow lines.

Input schema (JSON)

{
  "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."
    }
  }
}

share_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.

read-only

Argument	Type	Description
text*	string	The wireframe in tsquare text (a ```tsquare code fence around it is fine).
flows	boolean	Draw flow arrows (default true). false leaves them out, as if there were no flow lines.
links	array	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].

Input schema (JSON)

{
  "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]."
    }
  }
}

wireframe_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.

read-only

No arguments.

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {}
}

tsquare wireframes

Try it

render_wireframe Read-only

Install

Tools

tsquare wireframes

Try it

render_wireframe Read-only

Install

Tools

Security checkA100/100