ZSeven-W/openpencil

Что это?

Ключевые возможности

• 01Генерация UI по текстовым промптам прямо на бесконечном холсте с потоковым выводом.
• 02Параллельная работа команд агентов над разными секциями страницы.
• 03Встроенный MCP-сервер совместим с Claude Code, Codex, OpenCode, Kiro и Copilot CLI.
• 04Дизайны хранятся в читаемых человеком JSON-файлах `.op`, удобных для работы с Git.
• 05Экспорт кода для React, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose и других технологий.
• 06В комплект входят CLI `op` и встраиваемые SDK для просмотра в браузере в режиме только для чтения.

Сценарии использования

• Создание прототипов экранов UI с помощью текстового описания для AI-ассистента.
• Предоставление агентам для написания кода доступа к файлам дизайна для чтения и редактирования через MCP.
• Преобразование дизайна в код для выбранного фреймворка без ручной реализации.
• Встраивание в собственное веб-приложение просмотрщика файлов дизайна в режиме только для чтения.

Быстрый старт

1. 1

   Клонируйте репозиторий вместе с подмодулями

   git clone --recurse-submodules https://github.com/ZSeven-W/openpencil.git
2. 2

   Установите Rust (stable) — это необходимое условие для сборки

3. 3

   Запустите веб-сервер для разработки

   bash scripts/start-web-rust.sh
4. 4

   Или вместо этого запустите приложение для рабочего стола

   cargo run -p op-host-desktop

Что важно знать

• !Проект находится на ранней стадии, а README всё ещё меняется, поэтому возможны недоработки.
• !Агенты CLI и ACP работают только в нативном приложении для рабочего стола, но не в веб-хосте.
• !Для сборки из исходного кода нужны Rust и настройка подмодулей; для Windows требуется отдельное руководство по сборке.

Темы

Частые вопросы

Что такое openpencil?

OpenPencil — open-source векторный редактор с AI: генерирует дизайн по промпту, поддерживает параллельную работу агентов, MCP-сервер и экспорт кода. OpenPencil — векторный редактор для создания UI на бесконечном холсте. Опишите страницу обычным языком — AI создаст её прямо на холсте. Можно также выбрать существующие элементы и попросить изменить их в чате. Дизайны хранятся в файлах `.op` в формате JSON, поэтому их можно читать, сравнивать и версионировать в Git.

openpencil можно использовать бесплатно? Какая у него лицензия?

openpencil распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

openpencil всё ещё поддерживается?

Активно поддерживается. Последний коммит в openpencil — 19 окт. 2026 г..

Для чего можно использовать openpencil?

Создание прототипов экранов UI с помощью текстового описания для AI-ассистента. Предоставление агентам для написания кода доступа к файлам дизайна для чтения и редактирования через MCP. Преобразование дизайна в код для выбранного фреймворка без ручной реализации. Встраивание в собственное веб-приложение просмотрщика файлов дизайна в режиме только для чтения.

Как установить openpencil?

Клонируйте репозиторий вместе с подмодулями: git clone --recurse-submodules https://github.com/ZSeven-W/openpencil.git Установите Rust (stable) — это необходимое условие для сборки Запустите веб-сервер для разработки: bash scripts/start-web-rust.sh Или вместо этого запустите приложение для рабочего стола: cargo run -p op-host-desktop

Где скачать openpencil?

Исходный код и инструкции по установке — на GitHub: https://github.com/ZSeven-W/openpencil