AcademySkillsDesign and media

Open Claude Design for coding agents

Product and design teams that prototype screens on the same codebase their developers use and want the two kept in sync.

  • Listedour rating
  • 34gitHub stars
  • Not statedlicence
  • 2 days agolast update
git clone https://github.com/maxritter/open-claude-design.git

What it does

An open installer that brings Claude Design into coding agents such as Claude Code, Codex, Cursor and Gemini CLI. You create design files from your real codebase, refine them on a canvas, and sync each change back to the code. It runs on macOS, Linux and WSL2, does not require an Anthropic API key, and needs no MCP setup.

Use cases

  1. 01Draft a settings screen from existing components
  2. 02Refine a layout on the canvas without losing the code
  3. 03Review design changes with developers before they ship

Questions about
Open Claude Design for coding agents.

What is Open Claude Design for coding agents used for?

Product and design teams that prototype screens on the same codebase their developers use and want the two kept in sync. An open installer that brings Claude Design into coding agents such as Claude Code, Codex, Cursor and Gemini CLI. You create design files from your real codebase, refine them on a canvas, and sync each change back to the code. It runs on macOS, Linux and WSL2, does not require an Anthropic API key, and needs no MCP setup.

How do I install Open Claude Design for coding agents?

Run this in your terminal: git clone https://github.com/maxritter/open-claude-design.git

Is Open Claude Design for coding agents open source?

The code is on GitHub (maxritter/open-claude-design). Check the licence in the repository before using it at work.

Is Open Claude Design for coding agents safe to use?

Our automatic scan flagged points to review, so read the code before installing it. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.