# OpenCoworkAI/open-codesign: Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
Canonical: https://social-archive.org/arc/T8DA3zPrMh
Original URL: https://github.com/OpenCoworkAI/open-codesign
Author: OpenCoworkAI
Platform: web
Share mode: full
## Content
## Open CoDesign **简体中文**: [README.zh-CN.md](https://github.com/OpenCoworkAI/open-codesign/blob/main/README.zh-CN.md) > Your prompts. Your model. Your laptop. Turn prompts into polished artifacts — locally, openly, and with whichever model you already pay for. [Website](https://opencoworkai.github.io/open-codesign/) · [Quickstart](#quickstart) · [What's new](https://github.com/OpenCoworkAI/open-codesign/releases) · [Changelog](https://github.com/OpenCoworkAI/open-codesign/blob/main/CHANGELOG.md) · [Discussions](https://github.com/OpenCoworkAI/open-codesign/discussions) · [Docs](https://opencoworkai.github.io/open-codesign/quickstart) · [Contributing](https://github.com/OpenCoworkAI/open-codesign/blob/main/CONTRIBUTING.md) · [Security](https://github.com/OpenCoworkAI/open-codesign/blob/main/SECURITY.md) **Open-source alternative to:** [Claude Design](https://opencoworkai.github.io/open-codesign/claude-design-alternative) · [v0 by Vercel](https://opencoworkai.github.io/open-codesign/v0-alternative) · [Lovable](https://opencoworkai.github.io/open-codesign/lovable-alternative) · [Bolt.new](https://opencoworkai.github.io/open-codesign/bolt-alternative) · [Figma AI](https://opencoworkai.github.io/open-codesign/figma-ai-alternative) [![Open CoDesign — prompt on the left, live artifact on the right](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/product-hero.png)](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/product-hero.png) [![GitHub release](https://camo.githubusercontent.com/3c1084543d2cf93659568f6edeed7a880d3f67617769beef7f6bccc192337c0e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f4f70656e436f776f726b41492f6f70656e2d636f64657369676e3f6c6162656c3d72656c6561736526636f6c6f723d633936343432)](https://github.com/OpenCoworkAI/open-codesign/releases) [![License](https://camo.githubusercontent.com/b8cadaa967891081f8f165695470689986c028821dd8a040132f6e661795dc0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c7565)](https://github.com/OpenCoworkAI/open-codesign/blob/main/LICENSE) [![CI](https://camo.githubusercontent.com/a144ee3138a9f895f780933205db0983e67903d7da20eaba4d527c72a562f7f8/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f4f70656e436f776f726b41492f6f70656e2d636f64657369676e2f63692e796d6c3f6c6162656c3d4349)](https://github.com/OpenCoworkAI/open-codesign/actions) [![Stars](https://camo.githubusercontent.com/d51ed738e22de84aa5dff5b3ca160850adc7bd13de83d84453f6ef9eeb764b43/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f4f70656e436f776f726b41492f6f70656e2d636f64657369676e3f7374796c653d736f6369616c)](https://github.com/OpenCoworkAI/open-codesign/stargazers) [![WeChat Group](https://camo.githubusercontent.com/de28abebc807f18bfaef6d860fee91aa4a51c022032ce52686c3fc2a8405b8b2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5765436861742d47726f75702d3037433136303f6c6f676f3d776563686174266c6f676f436f6c6f723d7768697465)](#community) [![Last commit](https://camo.githubusercontent.com/9e75a55958514feba993243e6156ef8e21ec46c6e44523c85e5668ee32f19cdc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f4f70656e436f776f726b41492f6f70656e2d636f64657369676e3f6c6162656c3d6c617374253230636f6d6d697426636f6c6f723d343062346131)](https://github.com/OpenCoworkAI/open-codesign/commits/main) [![Commit activity](https://camo.githubusercontent.com/88e9b98190ddf2d08ad340ec867f4ce463be68c5211b34c75de2556e2d997606/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6d6d69742d61637469766974792f6d2f4f70656e436f776f726b41492f6f70656e2d636f64657369676e3f6c6162656c3d636f6d6d6974732532466d6f6e7468)](https://github.com/OpenCoworkAI/open-codesign/pulse) [![Contributors](https://camo.githubusercontent.com/34e76e792ee9adce3e95d56b47ddda75c594aa8ee1f1922fede47d1a49b38485/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6e7472696275746f72732f4f70656e436f776f726b41492f6f70656e2d636f64657369676e)](https://github.com/OpenCoworkAI/open-codesign/graphs/contributors) [![Downloads](https://camo.githubusercontent.com/2131faa23b97469e19ffef35f27553cbe0ce8133a7b405a738a80f6149ff7bfa/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f646f776e6c6f6164732f4f70656e436f776f726b41492f6f70656e2d636f64657369676e2f746f74616c3f6c6162656c3d646f776e6c6f61647326636f6c6f723d366335636537)](https://github.com/OpenCoworkAI/open-codesign/releases) `claude-code` · `claude-design-alternative` · `v0-alternative` · `bolt-alternative` · `lovable-alternative` · `figma-alternative` · `ai-design` · `design-to-code` · `prompt-to-design` · `ai-prototyping` · `desktop-design-tool` · `byok` · `local-first` · `multi-model` · `electron` --- ## What's new - **`feat/decompose-to-ui-kit`** *(branch)* — Image -> componentized `ui_kits//` bundle for coding-agent handoff · Boolean-per-dimension visual parity judge (12 standard checks) · Verify-and-iterate loop · Per-decompose cost row · See [BENCHMARKS.md](https://github.com/OpenCoworkAI/open-codesign/blob/main/BENCHMARKS.md). Refs [#225](https://github.com/OpenCoworkAI/open-codesign/issues/225). - **v0.2.0** *(2026-05-09)* — Agentic Design: workspace-backed sessions · permissioned local tools · Files panel upgrades · provider diagnostics · security hardening · `DESIGN.md` design systems - **v0.1.4** *(2026-04-23)* — AI image generation · ChatGPT Plus/Codex subscription support · CLIProxyAPI one-click import · API config hardening - **v0.1.3** *(2026-04-21)* — Gemini `models/` prefix fix · OpenAI-compatible relay "instructions required" fix · third-party relay SSE-truncation hint - **v0.1.2** *(2026-04-21)* — Release pipeline · Homebrew / winget / Scoop packaging manifests [Full release history →](https://github.com/OpenCoworkAI/open-codesign/releases) · [Changelog →](https://github.com/OpenCoworkAI/open-codesign/blob/main/CHANGELOG.md) --- ## What it is Turn a prompt into a polished prototype, slide deck, or marketing asset, locally, with the model you already use. **Open CoDesign is the open-source Claude Design alternative** — built for people who want the speed of AI-native design tools without subscription lock-in, cloud-only workflows, or being forced onto a single provider. An MIT-licensed desktop app, local-first from day one, with BYOK for any model (Claude, GPT, Gemini, DeepSeek, Kimi, GLM, Ollama, or any OpenAI-compatible endpoint) plus direct ChatGPT Plus / Pro / Team subscription sign-in for Codex models. One-click import of existing Claude Code or Codex provider configs, or one-click ChatGPT sign-in, gets you running in under 90 seconds. --- ## See it generate From a blank prompt to a finished artifact, the agent plans, writes, self-checks, and ships something with hover states, tabs, and empty states already wired up: [![Generate a design from scratch](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/generate-from-scratch.gif)](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/generate-from-scratch.gif) --- ## Why people star it - **Runs on your laptop** — no mandatory cloud workspace - **Works with your model** — Claude, GPT, Gemini, Ollama, OpenRouter, and more - **Exports real files** — HTML, PDF, PPTX, ZIP, Markdown - **Shows its work** — live agent activity, visible tool calls, interruptible generation --- ## Why Open CoDesign? Open source, desktop-native, and built for people who do not want their design workflow locked to one model or one cloud. | **Open CoDesign** | Claude Design | v0 by Vercel | Lovable | | --- | --- | --- | --- | | Open source | ✅ MIT | ❌ Closed | ❌ Closed | ❌ Closed | | Desktop native | ✅ Electron | ❌ Web only | ❌ Web only | ❌ Web only | | Bring your own key | ✅ Any provider | ❌ Anthropic only | ❌ Vercel only | ⚠️ Limited | | Local / offline | ✅ Fully local app | ❌ Cloud | ❌ Cloud | ❌ Cloud | | Models | ✅ 20+ (Claude, GPT, Gemini, Ollama…) | Claude only | GPT-4o | Multi-LLM | | Version history | ✅ Local sessions + workspace files | ❌ | ❌ | ❌ | | Data privacy | ✅ On-device app state | ❌ Cloud-processed | ❌ Cloud | ❌ Cloud | | Editable export | ✅ HTML, PDF, PPTX, ZIP, Markdown | ⚠️ Limited | ⚠️ Limited | ⚠️ Limited | | Price | ✅ Free app, provider/subscription cost only | 💳 Subscription | 💳 Subscription | 💳 Subscription | --- ## Highlights | ![Click any element, leave a pin, let the model rewrite that region](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/comment-mode.png) **Comment, don’t retype.** Click any element, drop a pin, and let the model rewrite only that region. | ![AI-emitted tweaks panel with color pickers and RGB inputs](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/tweaks-sliders.png) **AI-tuned sliders.** The model surfaces the parameters worth tweaking, so you can refine color, spacing, and typography without another full prompt. | | --- | --- | | ![Your Designs hub, filled with real generated artifacts](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/hub-your-designs.png) **Every iteration, kept.** Designs are saved locally, with instant switching between recent versions. | ![Live agent panel showing todos and streaming tool calls](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/agent-panel.png) **Watch the agent work.** Todos, tool calls, and live progress stay visible and interruptible throughout generation. | --- ## Quickstart **Time to first artifact:** about 3 minutes **Requires:** one API key, ChatGPT subscription sign-in, or local Ollama **Runs on:** macOS 12+ (Monterey or later), Windows 10+, Linux (glibc ≥ 2.31) ### 1. Install **Package manager** (recommended): ``` # macOS brew install --cask opencoworkai/tap/open-codesign # Windows — Scoop scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket scoop install opencoworkai/open-codesign ``` **Or direct download** from the [v0.2.0 GitHub Release](https://github.com/OpenCoworkAI/open-codesign/releases/tag/v0.2.0): | Platform | File | | --- | --- | | macOS (Apple Silicon) | `open-codesign-*-arm64.dmg` | | macOS (Intel) | `open-codesign-*-x64.dmg` | | Windows (x64) | `open-codesign-*-x64-setup.exe` | | Windows (ARM64) | `open-codesign-*-arm64-setup.exe` | | Linux (x64, AppImage) | `open-codesign-*-x64.AppImage` | | Linux (x64, Debian/Ubuntu) | `open-codesign-*-x64.deb` | | Linux (x64, Fedora/RHEL) | `open-codesign-*-x64.rpm` | Each release ships with `SHA256SUMS.txt` and a CycloneDX SBOM (`*-sbom.cdx.json`) so you can verify what you downloaded. **More package managers** | Manager | Command | Status | | --- | --- | --- | | Homebrew Cask (macOS) | `brew install --cask opencoworkai/tap/open-codesign` | 🟢 Live | | Scoop (Windows) | `scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket && scoop install opencoworkai/open-codesign` | 🟢 Live | | winget (Windows) | `winget install OpenCoworkAI.OpenCoDesign` | 🟡 PR submitted; waiting for Microsoft review | | Flathub (Linux) | `flatpak install flathub ai.opencowork.codesign` | ⏸ Deferred; needs signed build + AppStream metadata | | Snap (Linux) | `snap install --dangerous open-codesign-*.snap` | 🟡 Attached to releases best-effort; Snap Store publish not yet wired | After each stable tag push, CI syncs SHAs back into `packaging/` and publishes downstream Homebrew/Scoop updates when the repo secrets are configured. The first winget submission is in review; once Microsoft accepts the package, future winget bumps can be automated from the release workflow. Every `packaging/*/README.md` documents its own channel. > **Unsigned installer note:** installers are not notarized or Authenticode-signed yet. On **macOS Sequoia 15+** right-click → Open no longer bypasses Gatekeeper, and "Open Anyway" in System Settings often fails. Reliable one-liner: ``` xattr -cr "/Applications/Open CoDesign.app" ``` Then double-click normally. (Older 0.1.x builds are installed as `/Applications/open-codesign.app`.) On **Windows**: SmartScreen → More info → Run anyway. Want a verified build? Compile from source — see [CONTRIBUTING.md](https://github.com/OpenCoworkAI/open-codesign/blob/main/CONTRIBUTING.md). ### 2. Add a provider On first launch, Open CoDesign opens the Settings page. Pick the path that matches how you already use models: - **ChatGPT subscription** — sign in with ChatGPT to use Codex models without pasting an API key. - **API key** — paste Anthropic (`sk-ant-...`), OpenAI (`sk-...`), Google Gemini, OpenRouter, SiliconFlow, DeepSeek, or another supported provider key. - **Local / keyless** — use Ollama or an IP-allowlisted OpenAI-compatible gateway. Credentials stay in `~/.config/open-codesign/config.toml` and the ChatGPT OAuth token store under the app config directory. Nothing leaves your machine unless your chosen model route requires it. ### 3. Type your first prompt Pick one of **fifteen built-in demos** — landing page, dashboard, pitch slide, pricing, mobile app, chat UI, event calendar, blog article, receipt/invoice, portfolio, settings panel, and more — or describe your own. A sandboxed prototype appears in seconds. --- ## Bring your stack Already using Claude Code or Codex? API-key provider configs import in one click, with no copy-paste and no need to re-enter settings. If you use Codex through ChatGPT subscription login, sign in directly from Settings: [![Import from Claude Code or Codex in one click](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/claude-code-import.gif)](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/claude-code-import.gif) --- ## Built-in taste Generic AI tools tend to produce generic output. Open CoDesign ships with **twelve built-in design skill modules** — slide decks, dashboards, landing pages, SVG charts, glassmorphism, editorial typography, heroes, pricing, footers, chat UIs, data tables, and calendars — plus a built-in taste layer that steers the model toward considered typography, purposeful whitespace, and meaningful color. Every skill is available in every generation. Before the model writes a line of CSS, it selects the skills that fit the brief and reasons through layout intent, design-system coherence, and contrast, bringing higher-quality design behavior to whichever model you choose. Add a `SKILL.md` to any project to teach the model your own taste. --- ## What you get ### Models and providers - **Unified provider model** — Anthropic, OpenAI, Gemini, DeepSeek, OpenRouter, SiliconFlow, local Ollama, or any OpenAI-compatible relay; keyless (IP-allowlisted) proxies supported - **One-click import and sign-in** — bring Claude Code / Codex API-key provider configs across, or sign in with ChatGPT subscription for Codex models - **Dynamic model picker** — every provider exposes its real model catalogue, not a hardcoded shortlist ### Generation and editing - **Prompt → HTML or JSX/React component** prototype, rendered in a sandboxed iframe (vendored React 18 + Babel on-device) - **Fifteen built-in demos + twelve design skill modules** — ready-to-edit starting points for common design briefs - **Live agent panel** — watch tool calls stream in real time as the model edits files - **AI image generation** — opt-in bitmap assets for heroes, product shots, backgrounds, and illustrations via OpenAI, OpenRouter, or signed-in ChatGPT subscription - **AI-generated sliders** — the model emits the parameters worth tweaking (color, spacing, font) - **Comment mode** — click any element in the preview to drop a pin, leave a note, and let the model rewrite only that region - **Decompose to UI Kit** — one click in the chat sidebar emits a `ui_kits//` folder (`index.html` + `components/*.tsx` + `tokens.css` + `manifest.json` + `README.md`) shaped for coding-agent handoff. Built-in deterministic + vision verifiers self-check parity using a 12-question boolean rubric (no floating-point arbitrary scores) and re-iterate on gaps. Per-decompose cost surfaces inline as a toast. See [BENCHMARKS.md](https://github.com/OpenCoworkAI/open-codesign/blob/main/BENCHMARKS.md). [![Decompose to UI Kit — source image vs agent-emitted ui_kit, side-by-side parity check](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/decompose-to-ui-kit.png)](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/screenshots/decompose-to-ui-kit.png) Source image (gpt-image input) on the left, agent-emitted `ui_kit` rendered headlessly on the right. Parity score and status are derived deterministically — `parityScore = passCount / totalChecks` — from the 12-check boolean rubric. Numbers are from a real `e2e-opus-final` run, not a mock. [![Iter-0 → iter-1 reconcile loop with honest score drift](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/decompose-iter-reel.gif)](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/decompose-iter-reel.gif) 4-frame reel from the `e2e-nodebench-iter` run: source → iter-0 (parityScore 0.82, 6 gaps) → iter-1 (parityScore 0.78, 5 gaps) → honest verdict. The agent fixed some gaps and introduced new layout drift; the boolean rubric exposes the regression instead of hiding it. [MP4 version](https://raw.githubusercontent.com/OpenCoworkAI/open-codesign/main/website/public/demos/decompose-iter-reel.mp4). - **Generation cancellation** — stop mid-stream without losing prior turns ### Preview and workflow - **Phone / tablet / desktop preview** — true responsive frames, switch with one click - **Files panel** — inspect multi-file artifacts (HTML, CSS, JS) before export - **Instant design switching** — the last five designs keep their preview iframes alive, so Hub ↔ Workspace and sidebar navigation stay zero-delay - **Connection diagnostic panel** — one-click test for any provider, with actionable errors - **Per-generation token counter** — see exactly how many tokens each run cost in the sidebar - **Settings with four tabs** — Models, Appearance, Storage, and Advanced - **Light + dark themes**, **EN + 简体中文 UI** with live toggle ### Export and packaging - **Five export formats** — HTML (inlined CSS), PDF (local Chrome), PPTX, ZIP, Markdown - **GitHub Release pipeline** — unsigned DMG (macOS), EXE (Windows), AppImage (Linux). Code-signing lands in v0.5 along with opt-in auto-update --- ## Roadmap Current release: v0.2.0. The current release theme is **Agentic Design**. ### Now — v0.2.0 shipped v0.2 turns Open CoDesign from a one-shot generator into a local design agent with a real workspace: - **Design as session** — every design is a pi session with JSONL history and a workspace folder on disk - **Permissioned agent loop** — pi built-ins for read, write, edit, bash, grep, find, and ls, gated by Open CoDesign's permission UI - **Design tools on demand** — `ask`, `scaffold`, `skill`, `preview`, `gen_image`, `tweaks`, `todos`, and `done` - **`DESIGN.md` as shared memory** — brand tokens and design-system decisions become editable files, not model memory - **v0.1 migration path** — existing SQLite designs migrate into workspaces and session history ### Previous — v0.1.4 - **AI image generation** — opt-in bitmap assets through OpenAI image models or OpenRouter image models - **ChatGPT Plus / Codex subscription login** — one-click OAuth for users who do not want to paste an API key - **CLIProxyAPI one-click import** — auto-detect a running local proxy and bring it into Settings - **API config hardening** — clearer relay diagnostics for timeouts, SSE truncation, missing `/models`, and incompatible Messages APIs ### Later — v0.2.x and beyond - Renderer polish for the new `ask`, `preview`, tweaks, and process-management surfaces - Cost transparency — pre-generation estimate + weekly budget (per-generation token count already shipped) - Version snapshots + side-by-side diff - Three-style parallel exploration - Codebase → design system (token extraction) - Code-signing (Apple ID + Authenticode) + opt-in auto-update — v0.5 - Figma layer export — post-1.0 Have a different priority in mind? [Open an issue](https://github.com/OpenCoworkAI/open-codesign/issues/new/choose) or 👍 an existing one — we do read them. --- ## Star History [![Star History Chart](https://camo.githubusercontent.com/c9004eda4e74fe950e8f158b122ebb652bc220a034750c1f380f768e88356b74/68747470733a2f2f6170692e737461722d686973746f72792e636f6d2f696d6167653f7265706f733d4f70656e436f776f726b41492f6f70656e2d636f64657369676e26747970653d44617465)](https://star-history.com/#OpenCoworkAI/open-codesign&Date) --- ## Built on - Electron + React 19 + Vite 6 + Tailwind v4 - `@mariozechner/pi-ai` and `pi-coding-agent` (model/provider and agent-loop primitives) - `electron-builder` ## Reporting issues Found a bug or have a feature request?
## Media
1. image: https://social-archiver-api.social-archive.org/media/archives/arc/7HIe3478aa/media/0.png