Design Editor — AI skill for Claude Code
Local-first, AI-native vector design editor in Rust.
How to install Design Editor
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open kemalcalak/design-editor and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Design Editor does
Local-first, AI-native vector design editor in Rust. AI agents design on a live canvas over MCP, or through the built-in chat with your own model API.
Alternatives in AI
- Xerj — Local-first search engine and MCP server for AI agents 12.5k ★
- Open Pencil — AI-native design editor 8k ★
- Doop — The open-source alternative to Paper.design 420 ★
README
Design Editor
**A local-first vector design editor where you and AI agents design on the same live canvas.**
[](https://github.com/kemalcalak/design-editor/releases) [](https://github.com/kemalcalak/design-editor/actions/workflows/rust-check.yml) [](./LICENSE)
[Install](./docs/guide/installation.md) · [Connect an agent](./docs/guide/connect-agents.md) · [In-app chat](./docs/guide/in-app-chat.md) · [CLI](./docs/guide/cli.md) · [Build from source](./docs/guide/building.md)
- Agents design live. A built-in MCP server lets Claude Code and other agents build on the canvas while you watch.
- Bring your own model. The in-app chat works with major providers, any OpenAI-compatible endpoint, or agents installed on your machine.
- Local-first. No account, no cloud, no telemetry. Rust and Skia, on macOS, Windows and Linux.
- Design as code. Open
.dedocuments, Figma / SVG / web import, export to images, decks and React, SwiftUI, Flutter and more.
Where it comes from
Design Editor is a fork of [OpenPencil](https://github.com/ZSeven-W/openpencil) by ZSeven-W (MIT), and we are grateful for the editor it builds on.
We are reshaping it into a focused tool for designing with AI agents:
- Local-first: accounts, real-time collaboration, cloud storage and the mobile players are removed; nothing needs a server.
- Agent-first: a Pencil-style workflow where agents build on the live canvas over
Related Skills
Runjam
One desktop for all your AI coding agents — Claude Code, Codex CLI & Gemini CLI. Auto-detect, one-click instal
Drawcms
The animated diagram editor AI agents can draw on. Animated technical diagrams (architecture, sequence, BPMN,
Quilt
AI-native infinite-canvas design tool: describe an app, get multi-screen HTML designs on an infinite canvas, c
Godot AI
Native C++ AI assistant module for the Godot 4.7 editor - multi-provider LLM chat, GDScript code generation &
SynapsCLI
A terminal-native AI agent runtime built in Rust. Interactive chat, parallel agent orchestration, and autonomo
Octolib
One Rust API to 25+ AI providers — chat, vision, tool calls, structured output, embeddings & reranking with bu
Related Agents
Tosca Scenario Explorer
Use to explore a test scenario live in the application under test, before Tosca automation is built or fixed.
Handoff Agent
Builds an approved Claude Design canvas in Figma as native, well-named frames through the Figma connector, inc
49agents
49Agents bills itself as the first 2D agentic IDE — all agents, all terminals, all projects, all machines, one