AIKraft/Skills/before-and-after

before-and-after

Делает скриншоты «до» и «после» веб-страниц или элементов для визуального сравнения. Используйте, когда пользователь говорит «сделай скриншоты до и после», «сравнение скриншотов», «визуальная разница», «скриншоты PR», «сравни старое и новое» или нужно задокументировать изменения UI. Принимает два URL (file://, http://, https://) или два пути к изображениям.

vercel-labs official Дизайн

Что делает навык

Делает скриншоты «до» и «после» веб-страниц или элементов для визуального сравнения. Используйте, когда пользователь говорит «сделай скриншоты до и после», «сравнение скриншотов», «визуальная разница», «скриншоты PR», «сравни старое и новое» или нужно задокументировать изменения UI. Принимает два URL (file://, http://, https://) или два пути к изображениям.

Как подключить

1Скачать навык
# возьмите папку навыка «before-and-after» из репозитория: # https://github.com/vercel-labs/before-and-after
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r before-and-after/ ~/.claude/skills/before-and-after/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.