Slicer
Расширение для Chrome копирует любой компонент живого сайта как промпт для ИИ-редакторов кода или React-код и проводит UX-аудит.
- Можно попробовать бесплатно
- Да
- Разработчик
- slicer.dev
- Страна
- Литва
Slicer — расширение для браузера и веб-приложение для разработчиков и дизайнеров. Оно снимает с работающего сайта выбранный компонент вместе со стилями, анимациями, состояниями при наведении и интерактивностью. Результат можно выгрузить как структурированный промпт для Claude Code, Cursor, Lovable, Bolt.new и v0 или как готовый React-код. В Slicer Canvas извлечённые компоненты объединяют, перестилизуют и подгоняют под свой бренд на бесконечном холсте. Отдельный режим аудита записывает пользовательские сценарии (регистрация, оформление заказа, онбординг) и прогоняет ИИ-проверку UX: замечания привязаны к конкретным элементам страниц. Страницы оцениваются по тексту, интерфейсу, удобству, сценарию и доступности.
Возможности
Копирование компонента сайта
Выбранный на живой странице элемент переносится вместе со стилями, анимациями и состояниями при наведении, а не как снимок экрана.
Промпт для ИИ-редакторов
Компонент превращается в структурированный промпт, который подходит для Claude Code, Cursor, Lovable, Bolt.new и v0.
Экспорт в React
Тот же компонент можно выгрузить как чистый React-код и сразу вставить в проект.
Холст Slicer Canvas
Извлечённые компоненты объединяют, меняют в них стили и подстраивают под свой бренд на бесконечном холсте перед экспортом.
UX-аудит сайта
Агент обходит публичный сайт как посетитель и выдаёт оценки по тексту, интерфейсу, удобству, сценарию и доступности с предложениями по исправлению.
Запись пользовательских сценариев
Journey Audit записывает многостраничные сценарии, например регистрацию или оплату, а замечания привязывает к конкретным элементам страниц.
Аудит страниц после входа в аккаунт
Расширение захватывает страницы, закрытые авторизацией, и они проверяются по одной.
Общая библиотека
Раздел сообщества собирает компоненты и примеры аудитов популярных продуктов.
Кому подойдёт
- Разработчики
Позволяет быстро перенести понравившийся компонент в проект как React-код или промпт для ИИ-редактора кода.
- Дизайнеры
Помогает собрать референсы с живых сайтов вместе с анимациями и перестилизовать их на холсте под свой бренд.
- Менеджеры проектов и продуктов
UX-аудит сценариев показывает слабые места регистрации, оплаты и онбординга с привязкой к конкретным элементам.
- Агентства и фрилансеры
Ускоряет верстку по референсам клиента и позволяет готовить аудиты сайтов.
Как начать
- Установить расширение Slicer из Chrome Web Store.
- Открыть нужный сайт и выбрать компонент на странице.
- Сгенерировать промпт для ИИ-редактора кода или React-код и скопировать результат.
- При необходимости доработать компонент в Slicer Canvas.
- Для аудита запустить проверку сайта или записать пользовательский сценарий.
Тарифы
Оплата помесячно в евро, действует 14-дневная гарантия возврата денег.
Ограничения
- Расширение доступно в Chrome Web Store, другие браузеры не названы
- На тарифе Lite 30 копирований компонентов и 5 аудитов в месяц
- На тарифе Pro 20 аудитов в месяц
- Страницы за авторизацией проверяются по одной
- Оценка сценария (Flow) ограничена, если записанная задача не проверялась
Платформы и интеграции
Соседи по смыслу
за последний месяц