Open source · Local-first · BYOK

Open Design

Open-source-альтернатива Claude Design.

Поверх coding-agent CLI, который у вас уже стоит — Claude Code, Codex, Cursor, Gemini, OpenCode и ещё одиннадцати. 110 Skills · 141 Design Systems · 5 визуальных направлений · Apache-2.0.

Стартовать за 3 команды Поставить ★ на GitHub

Apache-2.0 · без регистрации · ваш CLI, ваши ключи

Open Design · живая демонстрация

Посмотреть все 110 skills

Почему это вообще существует

Claude Design стал вирусным. И остался закрытым.

Claude Design от Anthropic (Opus 4.7, апрель 2026) показал, что бывает, когда LLM перестаёт писать прозу и начинает выдавать дизайн-артефакты. Он стал вирусным — и остался закрытым, платным, только в облаке, прибитым к модели и к skills Anthropic. Open Design — open-source-альтернатива. Тот же loop. Та же модель «артефакт прежде всего». Без привязки.

Закрытое → открытое

Apache-2.0 от и до.

Каждый skill — это файл. Каждая design system — это Markdown-файл. Каждый prompt — это TypeScript-модуль, который можно прочитать и поправить.

Встроенный агент → ваш

Берите тот CLI, который у вас уже есть.

16 coding-agent CLI автоматически находятся в PATH. Ничего не установлено? Вставьте любой OpenAI-совместимый baseUrl + apiKey.

Облако → локально

Работает на вашем ноутбуке. Деплоится на Vercel.

pnpm tools-dev — и всё крутится у вас. SQLite в .od/. Опционально — деплой на Vercel. Ваши данные, ваша файловая система, ваше решение.

Как prompt становится артефактом

Четыре шага. Без импровизации.

OD не даёт модели импровизировать ни на пиксель. Каждый бриф зафиксирован до начала «рисования».

Сначала — анкета

Surface · аудитория · тон · бренд · масштаб. Тридцать секунд радио-кнопок лучше тридцати минут переделок.

Выбор направления

Нет брендбука? Выберите одно из 5 готовых визуальных направлений — у каждого детерминированная OKLch-палитра и стек шрифтов.

TodoWrite в стриме

План агента приходит живой карточкой. in_progress → completed обновляется в реальном времени. Поправить курс на лету — почти бесплатно.

<artifact> рендерится

Превью в sandboxed iframe. Редактируется на месте. Скачивается в HTML, PDF, PPTX или ZIP.

Что лежит в коробке

110 Skills × 141 Design Systems.

Каждый Skill — это папка. Каждая Design System — Markdown-файл из 9 секций. Бросьте папку, перезапустите daemon — появится в picker. Сменили систему — следующий рендер уже на новых токенах.

Посмотреть все 110 skills →

dating-web

personal

prototype

gamified-app

personal

prototype

web-prototype-taste-brutalist

design

prototype

social-carousel

marketing

prototype

email-marketing

marketing

prototype

sprite-animation

marketing

prototype

html-ppt-taste-editorial

design

prototype

motion-frames

marketing

prototype

Библиотека Design Systems

141 переносимых DESIGN.md-систем →

Linear · Stripe · Vercel · Apple · Notion · Tesla · Airbnb · Cursor · Supabase · Figma · Spotify · и ещё 60+ — у каждой продуктовой системы своя 4-цветная подпись, типографический стек, токены отступов и anti-patterns.

Skill spotlight · html-ppt

Один skill. 36 тем, 31 раскладка, 47 анимаций, 14 шаблонов презентаций.

Встроенный skill html-ppt тащит всё, что нужно агенту-презентации: режим докладчика, библиотеку раскладок, набор кинетических анимаций и 14 готовых к форку шаблонов. Бросьте папку, перезапустите daemon — у вас в браузере PPT-движок.

анимированный обзор html-ppt — слайды, раскладки, переходы

36 встроенных тем — arctic-cool, brutalist, editorial, kami и ещё 32

Прочитать SKILL.md html-ppt → Все 14 wrapper-skills html-ppt-* →

Варианты «taste-locked»

Один движок, три вкуса.

html-ppt-taste-brutalist и html-ppt-taste-editorial поставляются как самостоятельные «taste-locked»-обёртки — тот же skill, эстетика прибита гвоздями. И ещё три для веб-прототипов: web-prototype-taste-{brutalist,editorial,soft}.

html-ppt-taste-brutalist live

Brutalist deck

html-ppt-taste-editorial live

Editorial deck

Bring your own agent

16 CLI находятся в PATH автоматически.

Что у вас установлено, то и становится кандидатом в design-движки. Переключайте одним кликом из picker модели.

claude

Claude Code

stream-json

codex

Codex CLI

json-event-stream

cursor-agent

Cursor Agent

json-event-stream

gemini

Gemini CLI

json-event-stream

opencode

OpenCode

json-event-stream

qwen

Qwen Code

plain

qoder

Qoder CLI

json-event-stream

copilot

GitHub Copilot CLI

stream-json

devin

Devin Terminal

ACP

hermes

Hermes

ACP

kimi

Kimi CLI

ACP

kiro-cli

Kiro CLI

ACP

kilo

Kilo

ACP

vibe-acp

Mistral Vibe

ACP

deepseek

DeepSeek TUI

stream-json

stdio JSON-RPC

Нет CLI? POST /api/proxy/stream примет любой OpenAI-, Azure- или Google-совместимый baseUrl + apiKey + model. Anthropic-via-OpenAI shim, DeepSeek, Groq, OpenRouter, Azure OpenAI, Google Vertex, ваш self-hosted vLLM — всё тот же loop. SSRF-защита на границе daemon отсекает loopback, link-local и RFC1918.

Семь несущих идей

Во что мы верим — в семи строчках.

Мы не тащим с собой агента. Вашего хватит.

Daemon сканирует PATH на 16 известных coding-agent CLI. Что нашёл — то и становится кандидатом в design-движок, через stdio с одним адаптером на CLI.

Skills — это файлы, а не плагины.

Каждый skill — это SKILL.md + assets/ + references/. Бросьте папку в skills/, перезапустите daemon — появится в picker. Встроенный magazine-web-ppt лежит в репозитории как есть, лицензия сохранена.

Design Systems — это переносимый Markdown, а не theme JSON.

Схема DESIGN.md из 9 секций — цвет, типографика, отступы, layout, компоненты, motion, voice, бренд, anti-patterns. Каждый artifact читает активную систему. Сменили систему → следующий рендер уже на новых токенах.

Интерактивная анкета убивает 80 % переделок.

Первый ход — это только <question-form>: ни мыслей, ни инструментов, ни рассказа. Surface · аудитория · тон · бренд · масштаб. Цена неверного направления — один раунд чата, а не готовая презентация.

Daemon делает вид, что агент сидит у вас на ноутбуке.

Daemon стартует CLI с cwd на папке артефактов вашего проекта. Агент получает Read, Write, Bash, WebFetch — настоящие инструменты на настоящей файловой системе. SQLite держит проекты, разговоры, сообщения, вкладки.

Prompt stack — это и есть продукт.

Discovery directives + identity charter + активный DESIGN.md + активный SKILL.md + метаданные проекта + side-файлы skill. Каждый слой — composable. Каждый слой — файл, который можно открыть и поправить.

Open Design — не силос. Ваши другие агенты тоже его читают.

`od mcp` показывает проект как stdio-MCP-сервер. Claude Code, Codex, Cursor, VS Code, Antigravity, Zed, Windsurf — всё, что говорит на MCP, — читает ваши артефакты, файлы и метаданные напрямую. Read-only на границе: чтение файлов, search, метаданные. Ни поверхности записи, ни внешних вызовов.

Prompt-stack

DISCOVERY directives  (turn-1 form, turn-2 brand branch, TodoWrite, 5-dim critique)
  + identity charter   (OFFICIAL_DESIGNER_PROMPT, anti-AI-slop, junior-pass)
  + active DESIGN.md   (141 systems available)
  + active SKILL.md    (110 skills available)
  + project metadata   (kind, fidelity, speakerNotes, animations, inspiration ids)
  + skill side files   (auto-injected pre-flight: read assets/template.html + references/*.md)
  + (deck kind, no skill seed) DECK_FRAMEWORK_DIRECTIVE   (nav / counter / scroll / print)

Каждый слой — composable. Каждый слой — файл, который можно открыть и поправить.

Сравнение

Open Design против остальных.

Закрытый облачный продукт, открытый desktop-двойник, открытое веб-приложение. Мы щедро берём у open-codesign и упоминаем его на /about — другой форм-фактор, другой prompt-stack, та же путеводная звезда.

	Claude Design	Open CoDesign	Open Design
Лицензия и стоимость
Лицензия	закрытая	MIT	Apache-2.0
Минимальный счёт	Pro / Max / Team	BYOK	BYOK — любой OpenAI-совместимый URL
Форм-фактор
Форм-фактор	Web (claude.ai)	Desktop (Electron)	Web-приложение + локальный daemon
Деплоится на Vercel	—	—	да
Runtime ИИ и flow
Runtime агента	встроенный (Opus 4.7)	встроенный (pi-ai)	ваш существующий CLI
Гибкость провайдеров	только Anthropic	7+ через pi-ai	16 CLI + BYOK-прокси
Анкета (ход 1)	—	—	жёсткое правило
5 визуальных направлений	—	—	да
Самокритика по 5 измерениям	—	—	проверка до выпуска
Skills, системы и миграция
Skills	проприетарные	12 TS-модулей	110 перетаскиваемых SKILL.md-комплектов
Design systems	проприетарные	DESIGN.md (v0.2)	141 систем в комплекте
Импорт ZIP Claude Design	н/д	—	да — продолжайте править там, где остановился Anthropic

Claude Design — товарный знак Anthropic. Open Design не аффилирован с Anthropic и ими не одобрен.

Не только чат

Картинка, видео, аудио — один и тот же интерфейс.

Тот же чат, который выдаёт <artifact>-HTML, рулит и генерацией картинок, видео и аудио. Каждый рендер ложится в рабочую папку проекта настоящим .png или .mp4. 95 готовых к воспроизведению prompt в prompt-templates/.

gpt-image-2

Постеры · аватары · иллюстрированные карты · инфографика · social-карточки в журнальной стилистике · игровые UI · сюжетные стилы из игр

gpt-image-2

Эволюция 3D-каменной лестницы

gpt-image-2

Иллюстрированная карта городской еды

gpt-image-2

Кинематографичная сцена в лифте

gpt-image-2

Гламурный студийный портрет

gpt-image-2

Anime Fighting Game — Captain Ryuuga vs Kaze Renshin

gpt-image-2

Three Kingdoms — Гуань Юй убивает Янь Ляна

gpt-image-2

Three Kingdoms — Люй Бу стреляет в Юаньмэне

gpt-image-2

Three Kingdoms — Чжао Юнь спасает наследника

gpt-image-2

HUD MMO в открытом мире древнего Китая

gpt-image-2

Детский рисунок мелком → фотореалистичная переделка

gpt-image-2

Разбор otaku-хореографии — 16 кадров