Codex OpenPencil — плагин
Плагин Codex для OpenPencil: дизайн экранов в беседе на интерактивном холсте, правка выделенных элементов и сохранение в файлы .op
- 150 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Установка скачивает бинарники движка и запускает локальный редактор в управляемом процессе
- Агент пишет и меняет файлы .op на диске
Установка
- Работает в
Ручная установка
Установи и настрой https://github.com/ZSeven-W/codex-openpencil по его INSTALL.md: проверь Node.js 22 и Git, выполни npm run setup из постоянного каталога, открой редактируемый холст и создай первый дизайн. Перед генерацией изображений сообщи пользователю о возможном расходе квоты.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Установка скачивает бинарники движка и запускает локальный редактор в управляемом процессе
- Агент пишет и меняет файлы .op на диске
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Codex OpenPencil подключает Codex к локальному движку OpenPencil на Rust. Результатом становится настоящий векторный документ с редактируемыми слоями, текстом, фигурами и раскладкой. Описываете дашборд, мобильный экран или лендинг, а Codex создает и уточняет нативные узлы дизайна, проверяет раскладку и рендерит превью перед сохранением. Холст открывается инструментом canvas_open_browser: он запускает отдельный управляемый редактор и возвращает адрес для встроенного браузера Codex. Мышью можно выделять слои, двигать и масштабировать, править текст, рисовать фигуры и отменять действия, а инструменты Codex работают с тем же документом. Выделите элемент и опишите правку в чате: Codex читает canvas_selection, получает идентификаторы страницы и узлов и меняет только это поддерево. Установка идет одним запросом агенту по INSTALL.md. Скрипт setup скачивает движок Rust, WASM, CanvasKit, шрифты и шаблоны под вашу ОС и процессор, проверяет хеши архивов, а затем проверяет реальную правку, сохранение и повторное открытие. Файлы сохраняются в портативном формате .op, у каждого чата свой холст и черновик восстановления. Новые изображения Codex по умолчанию создает встроенной генерацией, что может расходовать квоту, а фраза «use stock images only» отключает генерацию.
Для кого. Дизайнерам и разработчикам, которые описывают интерфейсы в Codex и хотят править результат на настоящем редактируемом холсте.
Подходит, если
- Надо собрать одностраничный дашборд или мобильный экран из описания
- Выделенную кнопку или карточку нужно перекрасить и увеличить заголовок
- Сохраненный файл `.op` надо открыть и продолжить правки позже
- Для интерфейса требуются картинки, а квоту генерации хочется сберечь командой «только стоковые изображения»
Не подходит, если
- Работа идет в другом агенте: плагин создан для клиента Codex с поддержкой плагинов
- Нужна сложная иллюстрация или макет в Figma: проект работает с собственным форматом `.op`
- Нет Node.js 22 и Git на машине: установка опирается на них
Пример запроса к агенту
Открой интерактивный холст OpenPencil для этого чата и создай одностраничный дашборд для небольшой дизайн-студииОграничения
Нужны Node.js 22 и новее, Git и свежий локальный клиент Codex с поддержкой плагинов. Сборки движка есть для macOS (Apple Silicon и Intel), Windows (ARM64 и x64) и Linux (ARM64 и x64): на Windows требуется Microsoft Visual C++ v14 Redistributable, на Linux glibc, fontconfig и FreeType. Новый плагин может потребовать переподключения или нового чата. Встроенная генерация изображений тратит квоту Codex, до генерации агент сообщает о возможном расходе.
Как отключить. Удалите локальный маркетплейс и плагин openpencil@zseven-openpencil в клиенте Codex, затем папку клона репозитория. Сохраненные файлы `.op` лежат там, куда вы их записали.
Частые вопросы
Как установить плагин?
Дайте Codex запрос установить репозиторий по его INSTALL.md и открыть холст. Вручную: git clone, затем npm run setup в клонированной папке. Репозиторий должен остаться на постоянном месте, потому что setup регистрирует его как локальный маркетплейс.
Нужен ли ключ API или аккаунт GitHub?
Нет. Для установки плагина не нужны аккаунт GitHub, ключ API, компилятор Rust и отдельное десктопное приложение OpenPencil. Движок скачивается по требованию, а хеши проверяются.
Как править выбранный элемент?
Выделите карточку или заголовок на холсте и опишите правку в чате Codex. Агент читает canvas_selection, проверяет текущее выделение и ограничивает правку этим поддеревом. Второго поля ввода внутри холста нет.
Где хранится дизайн?
В портативных файлах `.op`. У каждого чата свой холст и черновик восстановления, открытие существующего файла копирует его в сессию, а сохранение защищено проверкой конфликтов источника.
Как отключить генерацию изображений?
Напишите «use stock images only» или «только поиск изображений». Тогда Codex берет изображения из стокового поиска на протяжении всей задачи. Генерация по умолчанию включена и может тратить квоту Codex.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныMCP-сервер редактора OpenPencil: агент читает макеты, правит слои, экспортирует ресурсы и работает с файлами .fig без Figma.
Навык просит Codex сменить оформление: по одной картинке он строит тему и применяет ее к приложению Codex на Windows и macOS.
Открытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов
OpenDesigner собирает для проекта единую дизайн-систему и проверяет каждый экран по ее правилам в Claude Code, Codex и Cursor
Открытый холст для дизайна: Claude Code, Codex, ChatGPT и Cursor рисуют на нем макеты через MCP вместе с людьми
HTML-дизайн для Claude Code и Codex: презентации, лендинги, прототипы, анимации и дизайн-системы. Нужны Playwright и ffmpeg
Коротко о README
README открывается установкой одним запросом агенту, требованиями и таблицей сборок для шести комбинаций ОС и процессоров, затем объясняет возможности (холст, правка мышью, выбор и уточнение, автонастройка движка, файлы и восстановление, темы) и показывает, как открыть холст и править выделенное. Дальше идут примеры, экосистема и проверка.