{
  "markdown": "# tldraw-desktop\n\nA [Claude Code skill](https://docs.anthropic.com/en/docs/claude-code/skills) for interacting with the [tldraw desktop](https://github.com/tldraw/tldraw-desktop) canvas via its local HTTP API.\n\n## Prerequisites\n\n- [tldraw desktop](https://github.com/tldraw/tldraw-desktop) installed and running — [Download latest release](https://github.com/tldraw/tldraw-desktop/releases/latest)\n- The app exposes a local Canvas API on `http://localhost:7236`\n\n## Install\n\n```bash\nnpx skills add tmdgusya/tldraw-desktop-skill --yes --global\n```\n\n## What it does\n\nThis skill enables Claude Code to programmatically draw on tldraw canvases:\n\n- **Create shapes** — rectangles, circles, diamonds, arrows, sticky notes, and more\n- **Build diagrams** — flowcharts, wireframes, architecture diagrams\n- **Layout shapes** — align, stack, distribute, place relative to other shapes\n- **Take screenshots** — capture the canvas as JPEG for visual verification\n- **Run advanced JS** — execute arbitrary code against the tldraw Editor SDK\n\n## Usage\n\nWith tldraw desktop open and a document active, ask Claude Code:\n\n- \"Draw a flowchart for user authentication\"\n- \"Create a wireframe for a login page\"\n- \"Sketch an architecture diagram for a microservices system\"\n- \"Draw an ERD for this database schema\"\n\n## License\n\nMIT\n",
  "bytes": 1309,
  "sha": "e1bd3c315efd1f0585e8c678fab4333bb7013a915af50001dd57e4ee2cdfd165",
  "repo_slug": "tmdgusya/tldraw-desktop-skill",
  "fonte": "repo",
  "truncated": false,
  "api": "https://api.agentalog.com/api/listings/skl_tmdgusya_tldraw_desktop_skill_tldraw_des_693ea8bc/readme"
}