Open Design
open-source альтернатива Claude Design
Web-деплоябельная, локально-ориентированная, BYOK на каждом уровне. 16 CLI-агентов + 132 навыка + 150 дизайн-систем.
🔥 0.8.0-preview — открытая альтернатива Claude Design / Figma. 40 000 звёзд за две недели. Быстрая итерация на main — твой PR делает это движение.
Anthropic Claude Design (релиз 2026-04-17, Opus 4.7) показал, что происходит, когда LLM перестаёт писать прозу и начинает выдавать готовые дизайн-артефакты. Продукт стал вирусным — и остался закрытым, платным, облачным, привязанным к модели Anthropic.
Open Design (OD) — открытая альтернатива. Тот же цикл, та же логика artifact-first, но без lock-in. Мы не поставляем своего агента — сильнейшие coding-агенты уже стоят у вас на ноутбуке. Мы связываем их с skill-driven workflow для дизайна, который запускается локально и остаётся BYOK на каждом уровне.
Введите «сделай мне magazine-style pitch deck для seed-раунда». До того как модель нарисует пиксель — появляется интерактивная форма вопросов. Агент выбирает одно из пяти визуальных направлений. Todo-план стримится в UI. Демон создаёт на диске реальную проектную папку с шаблоном, библиотекой раскладок и чеклистом. Агент читает их, прогоняет пятимерную критику и выдаёт единый артефакт в sandboxed iframe.
Open Design стоит на плечах четырёх open-source проектов:
- alchaincyf/huashu-design — философский компас дизайна: workflow джуниора, anti-AI-slop checklist, пятимерная критика
- op7418/guizang-ppt-skill — режим deck: журнальные раскладки, WebGL hero, чеклисты P0/P1/P2
- OpenCoworkAI/open-codesign — UX и архитектура: streaming-artifact loop, sandboxed iframe preview, live agent panel
- multica-ai/multica — архитектура демона и runtime: PATH-scan агентов, agent-as-teammate
С первого взгляда
🤖 Coding-agent CLI (16)
- Claude Code · Codex CLI · Devin for Terminal
- Cursor Agent · Gemini CLI · OpenCode
- Qwen Code · Qoder CLI · GitHub Copilot CLI
- Hermes (ACP) · Kimi CLI (ACP) · Pi (RPC)
- Kiro CLI (ACP) · Kilo (ACP)
- Mistral Vibe CLI (ACP) · DeepSeek TUI
🔌 BYOK fallback
- OpenAI-совместимый прокси на /api/proxy/stream
- Любой провайдер: Anthropic, DeepSeek, Groq, OpenRouter, сам себе vLLM
- Internal-IP / SSRF блокируются на границе демона
🎨 Дизайн-системы (150)
- 2 hand-authored стартера + 70+ продуктовых систем
- Linear, Stripe, Vercel, Airbnb, Tesla, Notion
- Anthropic, Apple, Cursor, Supabase, Figma
- 57 дизайн-скиллов из awesome-design-skills
🧠 Навыки (132)
- 27 в режиме prototype (веб, лендинг, дашборд, mobile)
- 4 в режиме deck (guizang-ppt, simple-deck, replit-deck, weekly-update)
- Группировка по сценариям: design, marketing, engineering, product, finance, hr
🖼️ Генерация медиа
- gpt-image-2 — постеры, аватары, инфографика
- Seedance 2.0 (ByteDance) — text-to-video, 15s
- HyperFrames — HTML→MP4 motion graphics
- 93 готовых промпта в prompt-templates/
📐 Визуальные направления
- 5 школ: Editorial Monocle · Modern Minimal
- Warm Soft · Tech Utility · Brutalist Experimental
- Детерминированная OKLch-палитра + стек шрифтов
- Никакого model freestyle — только предсказуемый дизайн
💾 Персистентность
- SQLite в .od/app.sqlite: проекты, диалоги, сообщения, вкладки
- Открываешь завтра — todo card и открытые файлы на своих местах
🚀 Жизненный цикл
- pnpm tools-dev (start / stop / run / status / logs / inspect / check)
- Поднимает daemon + web (+ опционально desktop)
💻 Desktop (опционально)
- Electron-оболочка с sandboxed renderer
- Sidecar IPC: статус, eval, скриншот, консоль, клик
- macOS (Apple Silicon + Intel) · Windows x64
📦 Импорт из Claude Design
- Дропните ZIP-экспорт CD на welcome dialog
- POST /api/import/claude-design — и ваш агент продолжит там, где Anthropic остановился
Поддерживаемые агенты
16 CLI coding-агентов автоматически обнаруживаются в вашем PATH. Переключение — один клик. Если ни один не найден — OpenAI-совместимый BYOK прокси даёт тот же цикл без локального запуска агента.
Agent runtime: локальный демон запускает CLI в папке проекта. Агент получает реальные Read, Write, Bash, WebFetch поверх реальной on-disk среды. На Windows — ENAMETOOLONG fallback (stdin / prompt-file).
Навыки (Skills)
Каждый навык — папка в skills/, следующая Claude Code-конвенции SKILL.md с расширенным od: frontmatter: mode, platform, scenario, preview.type, design_system.requires, example_prompt.
Два режима: prototype (27 навыков — всё, что рендерится как одностраничный артефакт) и deck (4 навыка — презентации с горизонтальной прокруткой).
Примеры навыков
- dating-web — consumer dashboard для знакомств с KPI и графиками
- email-marketing — brand HTML-письмо для product launch
- gamified-app — 3-экранный mobile prototype с XP и уровневой шкалой
- mobile-onboarding — splash → value prop → sign-in
- motion-frames — CSS-анимации: вращающееся кольцо, глобус, таймер
- social-carousel — 3 карточки 1080×1080 для соцсетей
- digital-eguide — двухразворотный e-guide с cover + lesson spread
- guizang-ppt — журнальный deck с WebGL hero, экспорт в PDF
Дизайн-системы
150 встроенных дизайн-систем: 2 hand-authored стартера + 70+ продуктовых систем из awesome-design-md + 57 дизайн-скиллов. Linear, Stripe, Vercel, Airbnb, Tesla, Notion, Anthropic, Apple, Cursor, Supabase, Figma и другие. Каждая — с 4-цветной сигнатурой, полным DESIGN.md и swatch-сеткой.
Генерация медиа
Изображения, видео и аудио идут рядом с дизайн-циклом. Единый чатовый surface — на выходе реальный .mp4 / .png в проектном workspace.
- gpt-image-2 (Azure / OpenAI) — постеры, аватары, инфографика, иллюстрированные карты
- Seedance 2.0 (ByteDance) — кинематографичные 15s text-to-video и image-to-video
- HyperFrames — HTML→MP4 motion graphics: kinetic typography, charts, social overlays, logo outros
- Галерея из 93 готовых к воспроизведению промптов (43 + 39 + 11) с превью-миниатюрами
Визуальные направления
Пять отобранных школ, каждая с детерминированной OKLch-палитрой и стеком шрифтов — без model freestyle:
- Editorial Monocle — редакционная эстетика
- Modern Minimal — современный минимализм
- Warm Soft — тёплый мягкий стиль
- Tech Utility — технологичный утилитарный
- Brutalist Experimental — брутальный экспериментальный
Device frames для предпросмотра: iPhone 15 Pro, Pixel, iPad Pro, MacBook, Browser Chrome — pixel-perfect, общие для всех навыков.
Деплой
Open Design можно запускать:
- Локально — pnpm tools-dev (macOS, Windows, Linux)
- Web — деплой на Vercel
- Desktop — Electron-приложение для macOS (Apple Silicon + Intel) и Windows (x64)
Скачать: open-design.ai или GitHub Releases
Источник: github.com/nexu-io/open-design · Лицензия Apache-2.0 · Также доступен на русском в репозитории