Back to products
Tonkotsu

Tonkotsu

Manage a team of coding agents from a doc

Overview

What it is

Point and fix. Refine UI directly in your browser instead of endlessly re-prompting your agent. Works with Claude Code, Codex, Cursor and others.

Intent

I need it when

Integrate design tools into existing coding agent workflows

Handle works as a Chrome extension or macOS app that connects to supported coding agents (Claude Code, Cursor, GitHub Copilot, etc.), allowing designers and engineers to invoke visual design capabilities without switching tools or workflows.

Catch UI edge cases and quality issues earlier in development

Handle's live preview environment enables faster iteration and earlier detection of edge cases compared to traditional design mockups, improving overall product quality before code is finalized.

Reduce design-to-code handoff friction and iteration cycles

Handle eliminates context loss by allowing designers and engineers to make UI changes directly in code through visual tools, reducing rework and speeding up the feedback loop between design and implementation.

Iterate on live product UI with visual precision without re-prompting or re-describing intent

Handle provides real-time visual editing of live UI elements where changes are immediately reflected in code, allowing users to adjust styling and layout directly rather than describing changes through tickets or mocks.

Drop

Not a fit when

  • User needs a fully managed design platform without coding agent integration
  • User requires traditional design-to-development handoff workflows with separate teams
  • User works exclusively with non-supported coding agents (not Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Rovo Dev, or Windsurf)
  • User needs Windows desktop support (Handle Studio is macOS only)
  • User requires enterprise SaaS with dedicated account management and support contracts
Commercials

Pricing

Free and open source