FixThis — MCP-сервер для Claude Code: отладка Compose UI
Отладочный MCP-сервер для Jetpack Compose: выбираете элемент в приложении, пишете правку и отдаёте агенту контекст исходников.
claude mcp add fixthis -- npx -y @beyondwin/fixthisЧто делает FixThis
FixThis подключается как sidekick к debug-сборке Compose-приложения и показывает экран в локальной консоли браузера. Вы кликаете по компоненту или обводите область, если цель — отступ или пустое место, и описываете словами, что поменять. На выходе — компактная передача агенту: границы скриншота, семантика, подсказки по исходникам и предупреждения о достоверности.
Работает только в debug. Плагин io.github.beyondwin.fixthis.compose добавляет sidekick и не трогает release-сборки. Всё идёт через ADB и 127.0.0.1, внешних вызовов нет. Для установки нужен JDK 21 и Node 20 или новее, а сам CLI ставится через Homebrew, npm или GitHub Releases.
Агент настраивает проект командой fixthis install-agent --project-dir . --target all --verify --json: она применяет Gradle-плагин, пишет конфиг MCP и файлы .fixthis/. Если doctor сообщает NEEDS_INSTALL или метаданных не хватает, сначала прогоните ./gradlew fixthisSetup и повторите установку. После этого перезапустите Claude или Codex, если отчёт просит, и вызывайте fixthis_open_feedback_console.
Какие задачи решает
- найти исходник компонента по клику на экране
- передать агенту область вёрстки и семантику узла
- отличить одинаковые карточки в списке друг от друга
- описать правку отступа или пустого места без узла Compose
- сохранить привязку к экрану, чтобы не подсунуть устаревший контекст
Примеры запросов агенту
- Установи FixThis в этот проект и настрой под мой агент
- Открой консоль обратной связи и покажи, что можно править на этом экране
- Сохрани разметку этого элемента в MCP для Claude
Как установить FixThis
Командой платформы
claude mcp add fixthis -- npx -y @beyondwin/fixthisКомандой платформы
codex mcp add fixthis -- npx -y @beyondwin/fixthisФайл настроек
{
"mcpServers": {
"fixthis": {
"command": "npx",
"args": [
"-y",
"@beyondwin/fixthis"
]
}
}
}Файл настроек
{
"servers": {
"fixthis": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@beyondwin/fixthis"
]
}
}
}Командой платформы
gemini mcp add fixthis npx -y @beyondwin/fixthisПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о FixThis
Как установить FixThis в Claude Code?
Добавьте сервер командой claude mcp add fixthis -- npx -y @beyondwin/fixthis. Дальше в корне Compose-проекта запустите fixthis install-agent --project-dir . --target all --verify --json и перезапустите Claude, если отчёт об этом попросит.
Что делает FixThis?
Привязывает sidekick к debug-сборке Compose-приложения и показывает экран в локальной консоли. Ваши пометки превращаются в передачу агенту с границами, семантикой и подсказками по исходникам.
Нужен ли интернет для работы FixThis?
Нет, всё идёт локально через ADB и 127.0.0.1, внешних вызовов API нет. Для сборки и запуска нужны JDK 21 и Node 20 или новее.