kemalcalak

Design Editor — AI skill for Claude Code

AI community

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

Design Editor

**A local-first vector design editor where you and AI agents design on the same live canvas.**

[![Release](https://img.shields.io/github/v/release/kemalcalak/design-editor?color=3E6DF5)](https://github.com/kemalcalak/design-editor/releases) [![Rust check](https://github.com/kemalcalak/design-editor/actions/workflows/rust-check.yml/badge.svg)](https://github.com/kemalcalak/design-editor/actions/workflows/rust-check.yml) [![License: MIT](https://img.shields.io/badge/license-MIT-8FA8FA)](./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)

Home

Editor with the agent panel

  • 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 .de documents, 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