Prevue — плагин
Плагин показывает агенту и вам Compose Preview в браузере и перерисовывает их через секунду после сохранения, без Android Studio.
- 100 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Плагин запускает локальный демон и Gradle, а при первой настройке агент может ставить JDK и инструменты в `~/.prevue`.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/prevueОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Плагин запускает локальный демон и Gradle, а при первой настройке агент может ставить JDK и инструменты в `~/.prevue`.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Prevue запускает легкий демон, который рисует `@Preview` из файла Jetpack Compose или Compose Multiplatform и отдает картинку агенту. Агент правит код, сохраняет, получает новый рендер примерно через секунду, сравнивает с макетом из Figma или скриншотом и повторяет цикл без вас. Вы открываете тот же превью в браузере и принимаете результат. Клик по элементу превью дает агенту путь `файл#Lстрока`, и фразу «сделай отступ меньше» агент понимает точно. Есть интерактивный режим с касаниями, переключение устройств и размеров экрана и отдельный демон на каждый git worktree. По замеру автора демон занимает около 1,4 ГБ против 8,1 ГБ у Android Studio.
Для кого. Android-разработчики на Compose, которые отдают агенту верстку экранов и устали служить его глазами после каждой правки.
Подходит, если
- Агент верстает экран по макету и должен сам сверять результат.
- Три агента работают в трех worktree, и три Android Studio не помещаются в память.
- Нужно показать на превью проблемное место кликом, а не словами.
- Экран проверяют на разных устройствах, включая складные, без эмулятора.
Не подходит, если
- Модуль чистый JVM или KMP без цели Android: такие сборки не поддерживаются.
- Нужны release-варианты, member-превью внутри класса или файлы с `expect` и `actual`.
- Превью зависит от DI-контейнера или `AndroidView`: Prevue пометит их ошибкой `DI` или `ANDROID_VIEW`.
Пример запроса к агенту
Покажи превью из ForYouScreen.kt и подгони заголовок под приложенный скриншот. Сверяй рендер сам, пока совпадение не станет точным.Ограничения
Работают модули Android (app и library) и KMP с целью Android на Gradle, Amper не поддерживается. Нужны JDK 21 или новее (подойдет и JDK от свежей Android Studio) и Android SDK, пути в README даны для macOS. Агент выполняет первоначальную настройку и ставит инструменты в `~/.prevue`, Gradle запускается один раз на модуль. После сохранения файла с `expect` и `actual` картинка остается старой до сборки Gradle. Цифры скорости получены автором на одном проекте и одном Mac.
Как отключить. Остановите демоны командой `prevue stop --all`. Для Claude Code удалите плагин командой `claude plugin uninstall prevue@prevue`, для Codex отключите его в `/plugins`. Каталог `~/.prevue` с набором инструментов удаляют вручную.
Частые вопросы
Как поставить плагин?
Для Claude Code: `claude plugin marketplace add https://github.com/kakao/prevue.git`, затем `claude plugin install prevue@prevue`. Для Codex: `codex plugin marketplace add` с тем же адресом и `codex plugin add prevue@prevue`.
Как вызвать скилл?
Командой `/prevue` в Claude Code или `$prevue:prevue` в Codex, затем назовите файл, например `Покажи превью из ForYouScreen.kt`. Прямой вызов надежнее, чем ожидание автозапуска.
Что с Compose Multiplatform?
Работает так же: назовите файл в `commonMain`. Превью рисуются из Android-компиляции модуля, как это делает Android Studio.
Меняет ли Prevue файлы проекта?
Нет. Файлы сборки, плагины и задачи не меняются, новые файлы в проект не добавляются.
Как обновить плагин?
Сначала `claude plugin marketplace update prevue`, потом `claude plugin update prevue@prevue`. Без первого шага плагин сообщит, что уже обновлен.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныАгент рендерит превью Jetpack Compose в PNG и видит итог правок: плагин, CLI, расширение VS Code и MCP.
MCP-сервер и CLI: агент рендерит SwiftUI-превью в PNG на разных устройствах и сам проверяет вид экрана после правок
Два скилла для Jetpack Compose: аудит репозитория с оценкой 0–100 по данным компилятора и помощник при написании кода.
Скилл для Jetpack Compose и Compose Multiplatform: агент пишет UI по справочникам и сверяется с исходниками androidx
Набор из 26 скиллов о производительности Jetpack Compose: от аудита с замерами до профилей Baseline и R8
Плагин Callstack показывает симуляторы и устройства рядом с чатом агента и дает ему управлять мобильным приложением.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Prevue (эта карточка) | нет | 100 | |
| Compose Agent Skill | нет | 603 | справочники и правила написания Compose-кода; здесь рендер превью и картинка для проверки агентом |
| Compose Skill Suite | нет | 379 | аудит репозитория и помощник при кодинге; здесь живой просмотр результата верстки |
Коротко о README
README показывает цикл «агент правит, Prevue рисует» с замерами против Android Studio, описывает установку двумя командами, обновление, команды `prevue` и таблицу поддерживаемых конфигураций.