7 v0.14.2 更新于 2026-11-04

tsquare wireframes MCP Server

用一种小型文本语言绘制 UI 线框图:支持多屏画板、备注和流程箭头。

适用客户端

远程接入
任意支持远程 MCP(streamable-http)的客户端,如 Claude、ChatGPT 开发者模式、自建 Agent

安装配置

远程接入(streamable-http)
{
  "mcpServers": {
    "tsquare": {
      "url": "https://tsquare.dev/mcp"
    }
  }
}

将上方 JSON 加入 MCP 客户端配置(如 Claude Desktop 的 claude_desktop_config.json 或项目的 .mcp.json)即可接入;远程接入按客户端要求填写 URL 与鉴权头。

提供的工具 接入后 Agent 可调用这 3 个工具

wireframe_guide
tsquare 线框图语言指南:文本格式、规则、示例及所有组件的属性;写第一个线框图前调用一次。
render_wireframe
检查并渲染 tsquare 线框图文本,返回面板 PNG 图片;若文本无效则按行号返回问题列表。
share_wireframe
为有效的 tsquare 线框图文本生成各类链接(分享链接、SVG/PNG 图片链接、Markdown、HTML),默认返回 SVG 图片链接和分享链接。

配合站内内容