К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

control-ui — скилл для Claude Code: что делает и как установить

Скилл подключает локальную автоматизацию браузера или CDP для проверки интерфейсов веб-приложений и Electron. Помогает собирать скриншоты и профили производительности.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add cursor/plugins --skill control-ui -a claude-code
Открыть на GitHub

Что делает control-ui

Скилл проверяет поведение веб-интерфейсов, окон IDE и программ на Electron через локальный браузер или протокол CDP. Сначала агент ищет уже настроенные тесты проекта вроде Playwright или Cypress. Если готовой обвязки нет, он собирает временный скрипт вокруг запущенного dev-сервера или порта отладки Chromium.

Внутри действует пошаговый цикл. Агент делает снимок страницы, выбирает элемент по семантической роли или атрибуту data-*, совершает ровно одно действие и фиксирует результат новым снимком. Для Electron подключение идёт через --remote-debugging-port=<port>. При этом скилл запрещает добавлять Playwright в зависимости проекта ради разовой проверки, если вы прямо об этом не попросили.

Через прямой CDP доступны снимки кучи, замеры кадров в секунду, блокировка сетевых запросов и сбор консольных логов. После проверок агент обязан закрыть отладочные сессии и временные профили.

Какие задачи решает

  • воспроизвести баг интерфейса с реальным фокусом и кликами
  • снять скриншоты до и после правок вёрстки
  • подключиться к Electron через порт отладки CDP
  • записать трассировку сети и профиль нагрузки на процессор

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

  • Запусти dev-сервер, открой форму входа и сделай скриншот после клика по кнопке отправки
  • Подключись к Electron по CDP, проверь утечки памяти и сними heap snapshot

Как установить control-ui

1Через Skills CLI (Vercel)

npx skills add cursor/plugins --skill control-ui -a claude-code

2Вручную: положить файлы

~/.claude/skills/control-ui/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/control-ui/

Из того же набора18

Весь набор →
unslop cursor Скилл убирает из текста характерные AI-обороты, лишние метафоры и канцелярит. Пригодится для правки документации, писем и другого текста. Claude Code CX Codex Cursor +1 27 700установок thermo-nuclear-code-quality-review cursor Строго проверяет поддерживаемость кода, качество абстракций и рост условной логики. Нужен для глубокого аудита изменений и структуры проекта. Claude Code CX Codex Cursor +1 22 200установок deslop cursor Скилл находит разницу между текущей веткой и main, удаляя лишний сгенерированный мусор. Помогает привести стиль к стандартам репозитория перед сдачей пуллреквеста. Claude Code CX Codex Cursor +1 9 300установок how cursor Разбирает устройство подсистем, архитектуру и пути выполнения кода перед правками. Помогает понять, в какой слой или пакет поместить новую логику. Claude Code CX Codex Cursor +1 5 900установок why cursor Скилл ищет, почему код устроен именно так: сопоставляет историю Git с данными доступных MCP-серверов и приводит выводы со ссылками на источники. Claude Code CX Codex Cursor +1 5 700установок fix-merge-conflicts cursor Разрешает конфликты слияния в ветке, проверяет сборку и тесты перед завершением работы. Нужен, когда конфликтов несколько и их надо разобрать без рефакторинга. Claude Code CX Codex Cursor +1 2 700установок thermo-nuclear-review cursor Скилл для глубокого анализа изменений в ветке: проверяет код на баги, нарушения функциональности, уязвимости безопасности и утечки фич-флагов. Нужен, когда нужна предельно внимательная ревью перед мёржем. Claude Code CX Codex Cursor +1 2 700установок review-and-ship cursor Скилл автоматизирует проверку изменений перед отправкой: смотрит на баги, тесты и соответствие намерению, затем коммитит и открывает PR. Подойдёт, если хочешь убедиться, что код готов, прежде чем его залить. Claude Code CX Codex Cursor +1 2 500установок

Похожие

quantized-export Seth Hobson Скилл экспортирует одобренные чекпойнты и LoRA-адаптеры в FP8, AWQ, GGUF или merged safetensors. Нужен перед развёртыванием модели. Claude Code CX Codex Cursor 2 600установок eval-harness-first Seth Hobson Собирает оценочный контур до начала fine-tuning: goldens, graders, калибровку judge и baseline базовой модели. Нужен для контроля регрессий. Claude Code CX Codex Cursor 2 600установок checkpoint-promotion Seth Hobson Проверяет обученный чекпойнт перед выпуском: ищет утечки, дрейф возможностей, забывание и провал в сравнении с базовой моделью. Claude Code CX Codex Cursor 2 600установок dart-migrate-to-checks-package dart-lang Переводит тесты Dart с устаревшего пакета package:matcher на package:checks. Пригодится для перехода на строгую типизацию утверждений и улучшение диагностики ошибок. Claude Code CX Codex Cursor +1 18 000установок validate-skills Callstack Проверяет скиллы в skills/ по спецификации agentskills.io и практикам Claude Code. Нужен при создании и ревью набора скиллов. Claude Code CX Codex Cursor +1 7 200установок pptx-quality-gates kimtth Проверяет и чинит редактируемые PPTX: геометрию, доступность, структуру OOXML и исходные ссылки. Нужен перед передачей готовой презентации. Claude Code CX Codex Cursor 2 500установок improve-codebase-architecture Matt Pocock Скилл ищет архитектурные узкие места в кодовой базе и показывает варианты углубления модулей в HTML-отчёте. Подойдёт для ревью перед рефакторингом. Claude Code 1 163 035установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о control-ui

Как установить control-ui в Claude Code?

Выполните команду npx skills add cursor/plugins --skill control-ui -a claude-code. Также можно разместить файл вручную по пути ~/.claude/skills/control-ui/SKILL.md.

Что делает скилл control-ui?

Он автоматизирует локальный браузер для проверки интерфейса, снятия скриншотов, поиска багов и замера профилей производительности.

Добавит ли скилл Playwright в зависимости репозитория?

Нет, инструкция запрещает ставить Playwright в зависимости проекта ради разового теста, если разработчик не попросил об этом явно.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором