app-it — плагин
app-it собирает из локального веб-проекта macOS-приложение с иконкой в Dock, своим окном и остановкой сервера при выходе
- 215 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Плагин копирует в проект шаблоны запуска и скрипты `desktop:*`, правит `package.json` и подписывает собранное приложение ad-hoc
- Собранное приложение запускает сервер разработки и открывает порт на локальной машине
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/app-itОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Плагин копирует в проект шаблоны запуска и скрипты `desktop:*`, правит `package.json` и подписывает собранное приложение ad-hoc
- Собранное приложение запускает сервер разработки и открывает порт на локальной машине
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
app-it — плагин и скилл для Claude Code и Codex. Он обходит папку локального веб-проекта или принимает адрес размещенного приложения и собирает из них `.app` для macOS: свое окно, иконка в Dock, имя и чистый запуск. Electron, Tauri и переписывание кода не нужны. Сначала плагин читает проект с диска и определяет тип: Vite с React, SvelteKit, Astro, Next или статический сайт, а также скрипты запуска и порты. Затем выбирает схему запуска. По умолчанию это небольшая оболочка на Swift с `WKWebView`, чтобы значок в Dock оставался вашим, а Chrome в режиме `--app` подключается только там, где нужны API, доступные одному Chromium. Рабочие шаблоны копируются в проект, сборка подписывается ad-hoc, иконка `.icns` генерируется. Закрытие окна оставляет сервер разработки теплым для быстрого повторного открытия, а команда выхода останавливает приложение и освобождает порт. В конце плагин пишет отчет: что изменено и как это откатить. Рядом идет компаньон app-it-static для готовых сборок, он раздает `dist/` или `build/` и занимает около 15 МБ вместо сервера разработки на 300–700 МБ.
Для кого. Разработчикам на macOS, у которых десяток локальных веб-проектов и внутренних инструментов, и каждый хочется открывать из Dock как обычную программу.
Подходит, если
- Дашборд на Vite запускается командой в терминале, и хочется открывать его двойным щелчком
- Опубликованный артефакт или внутренний сервис нужен в отдельном окне с собственной иконкой
- После закрытия окна порт остается занятым, и надо, чтобы выход из приложения освобождал его
- В Dock накопились окна браузера с локальными проектами, а Stack из `~/Applications/App It/` их соберет
- Готовое приложение не должно держать сервер разработки в памяти: подходит app-it-static
Не подходит, если
- Нужен кроссплатформенный установщик с нотариальной подписью, автообновлением и распространением через App Store
- Проект не веб-приложение и не имеет страницы, которую показывает WebKit
- Вы на Windows и не готовы тестировать бета-плагин app-it-windows
- Требуется общий облачный сервис: app-it ничего не размещает, демо в сети нет
Пример запроса к агенту
Сделай из этого Vite-проекта приложение для macOS с иконкой в Dock и положи сборку в папку App ItОграничения
- Основной плагин работает только на macOS. Для Windows есть соседний бета-плагин, автор не владеет Windows-машиной и тестирует его с помощью добровольцев.
- Нужны Claude Code или Codex, `swiftc` из Xcode Command Line Tools и `python3` для режима `app-it-static`.
- Сборка подписывается ad-hoc: нотаризации, App Store и автообновления нет, получатель архива должен доверять пакету.
- Для оболочки на WebKit не все проекты подходят: тем, кому нужны API только Chromium, плагин переключается на запуск через Chrome.
Как отключить. Собранные приложения лежат в `~/Applications/App It/`, их можно удалить как обычные файлы. Отчет сборки перечисляет изменения в проекте и способ их отката. Сам плагин снимается командой `claude plugin uninstall app-it@app-it` или ее аналогом в Codex.
Частые вопросы
Как поставить app-it в Claude Code?
Выполните `claude plugin marketplace add Christian-Katzmann/app-it`, затем `claude plugin install app-it@app-it`. Для Codex то же через `codex plugin marketplace add` и `codex plugin add`.
Чем app-it отличается от Electron или Tauri?
Он не добавляет в проект зависимости и не меняет бизнес-код: вокруг существующего запуска собирается небольшая нативная оболочка на WebKit. Приложение запускает тот же сервер, что и обычно.
Что происходит с сервером при закрытии окна?
Сочетание ⌘W или красная кнопка оставляет сервер разработки работающим, поэтому повторное открытие занимает около 250 мс. Выход через ⌘Q останавливает приложение и освобождает порт.
Можно ли обернуть уже опубликованное веб-приложение?
Да, достаточно указать адрес в параметре `external_url`. Вход выполняет сам пользователь в окне приложения, поэтому общие секреты в сборку не попадают.
Что такое app-it-static?
Легкий компаньон для готовых приложений: он раздает уже собранные `dist/`, `build/` или `out/` и занимает около 15 МБ. Ставится командой `claude plugin install app-it-static@app-it`, а запускается через `/app-it-static`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныПлагин для IDE JetBrains: графический чат Claude Code с карточками инструментов, вкладками сессий и запуском из браузера
Одиннадцать скиллов Claude Code, которые воссоздают функции приложения с нуля: разведка, сборка, тесты, разбор отзывов, ребрендинг и выкладка
CLI Pake упаковывает сайт или локальную веб-сборку в настольное приложение с выбранным именем, значком и параметрами окна.
Модульный набор плагинов для Claude Code: скиллы, агенты, команды и правила для Java, TypeScript, Python, PHP и AWS
Одиннадцать скиллов для Claude Code и Codex: аудит тестов, очистка git worktree, страницы планов, расшифровка записей экрана и вход через 1Password
Открытое приложение для macOS для сборки контекста кода: MCP-сервер и оркестратор агентов, помогает им понять проект до правок
Коротко о README
README начинается с оговорки, что проект независимый и не связан с Anthropic и OpenAI, и с анимации реальной сборки. Дальше идут схема работы, таблица требований, установка для Claude Code, Codex и Windows, правила проверки сборки и список участников.