show-your-work — плагин

claude-show-your-work

Плагин показывает в терминале Claude Code картинки и видео, записывает проверки Playwright и сравнивает версии до и после

  • 298 ★ репозитория
  • Последний коммит
  • MIT
Плагин

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

Почему такой уровень

  • Плагин запускает свои скрипты через `sh` и `perl` и ставит хуки в сессию Claude Code
  • Раз в сутки плагин обращается к GitHub за номером версии и сам обновляется
  • Копии показанных файлов остаются в каталоге проекта, а при включенной статистике счетчики уходят на сервер PostHog
Все причины и проверки

iamumeransari/claude-show-your-work

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add plugins/claude-show-your-work

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

Другие способы установки

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

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

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

  • Плагин запускает свои скрипты через `sh` и `perl` и ставит хуки в сессию Claude Code
  • Раз в сутки плагин обращается к GitHub за номером версии и сам обновляется
  • Копии показанных файлов остаются в каталоге проекта, а при включенной статистике счетчики уходят на сервер PostHog

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

Что делает

show-your-work показывает изображения и видео внутри терминального интерфейса Claude Code. Агент может вывести скриншот, макет или диаграмму, а несколько вариантов расположить рядом. История позволяет вернуться к прошлому изображению и сравнить его с новым. Для проверки интерфейса плагин предлагает записать сценарий Playwright до и после изменения. Плеер воспроизводит записи рядом, поддерживает паузу и перемотку. Метки времени связывают эпизоды с замечаниями агента, но сама запись не доказывает исправление всех ошибок: сценарий и проверки нужно выбрать отдельно. Настройки открываются командой `/show-your-work`, знакомство с возможностями запускает `/show-your-work tour`. Команда `/img` помогает найти изображения из буфера. Поддержаны Ghostty и kitty на macOS и Linux; видеопоказ дополнительно требует ffmpeg.

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

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

  • Нужно сразу увидеть рядом четыре варианта первого экрана, которые Claude сверстал, не открывая файлы по одному
  • Нужно сравнить поведение интерфейса до и после исправления по записи одного сценария
  • Нужно собрать рекламный ролик или анимацию и проигрывать каждую версию в чате с отметками времени
  • Нужно пройти новую форму регистрации и посмотреть запись Playwright без запуска тестов вручную
  • Нужно листать историю версий картинки или видео и сравнивать любые две рядом

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

  • Работа идет в другом терминале или в Windows: поддержанный путь ограничен Ghostty и kitty на macOS и Linux
  • Работа идет с другим агентом: плагин написан для Claude Code
  • Установлен Claude Code ниже 2.1.286: сначала потребуется обновление
  • Работа идет только с текстом и кодом: визуальный слой добавит в проект копии файлов и временные файлы

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

Исправь переключатель тарифа и покажи запись до и после, чтобы я увидел, какие проверки теперь проходят

Ограничения

Warp, WezTerm и Konsole в текущей версии не поддерживаются: прежний совет включить картинки кнопкой больше не действует.

Показанные файлы копируются в `.show-your-work` проекта, временные кадры старше недели очищаются. Материалы могут содержать данные приложения и поступать модели. Раз в сутки плагин проверяет выпуск на GitHub и автоматически обновляется; это отключается через `SHOW_YOUR_WORK_AUTO_UPDATE=0`. При включенной статистике PostHog получает счетчики и сведения о среде, включая версии и терминал.

Как отключить. Выполните `/plugin` и отключите или удалите `show-your-work`. Если копии показанных файлов больше не нужны, удалите каталог `.show-your-work/` в проекте. Проверьте профиль оболочки: строку от старых версий можно удалить, если она сохранилась; текущая версия уже очищает ее сама.

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

Как поставить show-your-work в Claude Code?

Выполните `/plugin marketplace add https://github.com/iamumeransari/claude-show-your-work.git#releases`, затем `/plugin install show-your-work@iamumeransari`. После установки откроется короткое знакомство, настройки доступны через `/show-your-work`.

Может ли Claude Code показывать картинки в терминале?

Да, но не в любом терминале. Поддержанный путь этого плагина — Ghostty или kitty на macOS и Linux. Одного наличия протокола графики kitty у другого терминала недостаточно: совместимость зависит и от вывода Claude Code.

Можно ли смотреть видео в терминале Claude Code?

Да, плагин проигрывает записи экрана, анимации и ролики прямо в чате. В плеере есть пауза, перемотка, отметки времени и сравнение версий рядом. Для видео нужен ffmpeg.

Как проверить, что Claude исправил баг?

Задайте конкретный сценарий, попросите записать его на исходной и исправленной версии и просмотрите различие. Зеленые отметки отражают проверки, которые выбрал агент; пропущенные условия по ним не обнаружить.

Что плагин хранит и куда обращается?

Копии показанных файлов он держит в каталоге `.show-your-work/` проекта, временные кадры в папке `$TMPDIR`. Раз в сутки читает номер версии из `raw.githubusercontent.com`. Статистику на `us.i.posthog.com` отправляет только при вашем согласии в настройках.

Обсуждение

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

Плагины

Плагин Claude Code проверяет изменение по плану: поднимает стек, прогоняет критерии приемки и дает отчет с доказательствами.

ПлагинШирокий доступ115Звезды репозитория

Playwright CLI

playwright-cli

Официальный

Официальный CLI Playwright со скиллом для агентов: управление браузером короткими командами без тяжелых MCP-схем

CLIРасширенный доступ15 тыс.Звезды репозитория

Скилл, с которым агент пишет и запускает скрипты Playwright: тесты страниц, формы, скриншоты, проверки ссылок

СкиллШирокий доступ3,3 тыс.Звезды репозитория

Шаблон проекта Playwright на TypeScript с правилами и 17 скиллами, чтобы Claude Code, Codex и Cursor писали тесты по стандарту

CLIРасширенный доступ262Звезды репозитория
Нужен VPN

Плагин с хуками для Claude Code, который блокирует код без падающего теста и лишнюю реализацию сверх текущего теста

ПлагинРасширенный доступ2,4 тыс.Звезды репозитория

Скилл проверки кода агента в настоящем браузере: читает ваши изменения, составляет план теста и прогоняет его через Playwright с вашими куки

СкиллШирокий доступ3,6 тыс.Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
show-your-work (эта карточка)нет298
Playwright Skillнет3 266пишет и запускает сценарии Playwright, а этот плагин показывает записи и сравнение версий в чате
Superpowers Chromeнет371управляет вкладками Chrome по протоколу DevTools

Коротко о README

Плагин распространяется по MIT. Для tmux внутри поддержанных терминалов работает передача графики; настройки относятся к панели плагина и новым панелям, общий конфигурационный файл tmux он не переписывает.

Бейдж для README

Сообщить о проблеме

Foxx AIshow-your-work
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.