Open Builder CLI

Q: Как поставить Open Builder CLI?

Из клона выполните pnpm install, pnpm headless:pack и npm install -g ./artifacts/headless/open-builder-cli-0.1.0.tgz. Реестр npm пока не используется.

Q: Какие шаблоны и дизайны есть?

Шаблоны react-ts и static. Справочные визуальные системы linear, stripe и notion. Список выдают open-builder templates list --json и open-builder design list --json.

Q: Как запустить MCP-сервер?

Командой open-builder mcp --stdio --root /absolute/workspace. Корень рабочей папки фиксируется при запуске, а пути инструментов остаются относительными.

Q: Как включить проверку скриптов в MCP?

Добавьте флаг запуска --allow-project-scripts. Из аргументов инструмента включить проверку нельзя, это решение принимается только при старте сервера.

CLI и локальный MCP-сервер для веб-проектов: шаблоны, дизайн-системы, статические проверки и запуск проверочных скриптов.

110 ★ репозитория
Последний коммит 9 нояб. 2026
GPL-3.0

CLI

amery2010/open-builderАвтор:Amery2010

Установка

Работает в: Claude Code
Codex
Cursor

Ручная установка

npm install -g ./artifacts/headless/open-builder-cli-0.1.0.tgz

Сначала соберите архив: `pnpm install` и `pnpm headless:pack`. Нужен Node.js 24.

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

Создает файлы в рабочей папке, а с флагом `--allow-project-scripts` запускает скрипты проекта на вашей машине.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Пакет `@open-builder/cli` из репозитория Open Builder дает агенту нативные инструменты для фронтенд-проектов. Он создает проект из шаблона `react-ts` (React, TypeScript, Vite) или `static` (HTML, CSS, JavaScript), применяет одну из справочных дизайн-систем (`linear`, `stripe`, `notion`) и проверяет проект статически. Команда `open-builder verify` запускает существующий скрипт проекта: сборку, проверку типов, линтер или тесты. Тот же набор работает как локальный MCP-сервер `open-builder mcp --stdio` с инструментами `builder_list_templates`, `builder_init_project`, `builder_apply_design_system`, `builder_check_project` и `builder_verify_project`. Исходный код, зависимости и проверку в браузере по-прежнему ведет ваш агент.

Для кого. Разработчикам, которые поручают Claude Code или Codex создать фронтенд-проект и хотят заготовки, дизайн-справку и проверки.

Подходит, если

Агенту нужен чистый стартовый проект на React и Vite или на голом HTML.
Интерфейс надо приблизить к справочной системе, например в духе Linear или Notion.
Нужна статическая проверка проекта с кодами выхода для CI.
Проверочные скрипты разрешают запускать только на явном флаге.

Не подходит, если

Нужен веб-интерфейс сборки приложений с живым просмотром: он есть у самого Open Builder, а не у CLI.
В окружении нет Node.js 24.
Нужна проверка поведения в браузере и доступности: статические проверки их не покрывают.

Пример запроса к агенту

Создай проект `./demo` из шаблона react-ts в стиле notion, затем проверь его командой check и запусти build.

Ограничения

Пакет собирается из исходников репозитория командами `pnpm install` и `pnpm headless:pack`, а затем ставится из локального архива: выпуск в реестр npm автор считает отдельным действием. Нужен Node.js 24, лицензия GPL-3.0. Статические проверки сообщают, что они пропустили, и не доказывают компиляцию, поведение в браузере, доступность или качество вида. Команда `verify` принимает только `build`, `typecheck`, `lint` и `test` как существующие скрипты проекта и использует установленный менеджер пакетов. Справочные дизайны неофициальные и без фирменных материалов. Проверка выключена в MCP, пока не передан `--allow-project-scripts`.

Как отключить. Удалите пакет командой `npm uninstall -g @open-builder/cli` и уберите запись `open-builder` из MCP-настроек агента.

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

Как поставить Open Builder CLI?

Из клона выполните `pnpm install`, `pnpm headless:pack` и `npm install -g ./artifacts/headless/open-builder-cli-0.1.0.tgz`. Реестр npm пока не используется.

Какие шаблоны и дизайны есть?

Шаблоны `react-ts` и `static`. Справочные визуальные системы `linear`, `stripe` и `notion`. Список выдают `open-builder templates list --json` и `open-builder design list --json`.

Как запустить MCP-сервер?

Командой `open-builder mcp --stdio --root /absolute/workspace`. Корень рабочей папки фиксируется при запуске, а пути инструментов остаются относительными.

Как включить проверку скриптов в MCP?

Добавьте флаг запуска `--allow-project-scripts`. Из аргументов инструмента включить проверку нельзя, это решение принимается только при старте сервера.

Какие коды выхода у CLI?

0 при успехе, 1 при находках или падении задачи, 2 при неверной или отсутствующей конфигурации, 124 по таймауту, 130 при отмене.

Обсуждение

Вопросов и отзывов пока нет.

CLI-инструменты

CodeRocket UI

Официальный

MCP-сервер CodeRocket отдает агенту правила дизайн-системы, компоненты и блоки сохраненной библиотеки только на чтение.

MCP-серверМинимальный доступ247

Angular CLI

Официальный CLI Angular создает рабочее пространство приложения, запускает сервер разработки и поддерживает сопровождение проекта.

CLIРасширенный доступ27 тыс.

Rockpack Starter

Rockpack Starter, CLI для React, готовит шаблоны приложений и библиотек на Webpack с TypeScript и расширяемой сборкой.

CLIРасширенный доступ1,2 тыс.

Ignite UI CLI

Ignite UI CLI создает проекты на Angular, React и Web Components, а ig ai-config настраивает MCP и навыки.

CLIРасширенный доступ138

Design Studio AI

Дизайн-студия для людей и агентов: CLI dsa, MCP по адресу /mcp и скилл правят сайты, слайды, отчеты и 3D в одном документе.

CLIРасширенный доступ229

Catalyst MCP