slicer.dev

О сервисе Slicer.dev

Slicer.dev — это браузерное расширение, которое позволяет одним кликом копировать любой интерактивный элемент веб‑страницы и преобразовывать его в готовый промпт для AI‑ассистентов кода (Lovable, Bolt, v0, Cursor) или в код‑фрагменты React, HTML/CSS. Инструмент позиционируется как мост между визуальным вдохновением и практической реализацией, позволяя дизайнерам и разработчикам сразу же использовать найденные UI‑паттерны без ручного перерисовывания.

Как работает

После установки расширения из Chrome Web Store пользователь открывает нужную страницу, активирует Slicer, выделяет мышью любой блок — будь то статичный баннер, интерактивное модальное окно, carousel или сложная форма — и нажимает клавишу‑сочетание (Shift + Enter для родителя, Enter для дочернего элемента). Расширение анализирует DOM, извлекает структуру, стили и обработчики событий, затем формирует:

• Текстовый промпт, оптимизированный для генерации кода в AI‑среде (Vibe coding‑ready).
• Готовый JSX/React компонент с inline‑стилями или ссылкой на CSS‑модуль.
• Вариант экспорта в Figma/Framer (в планах на ближайшие обновления).

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

Основные возможности

• 100 % точность копирования — сохраняются не только визуальные свойства, но и состояние интерактивности (hover, клик, анимация).
• Поддержка множества фреймворков: React, Vue, Svelte, plain HTML.
• Генерация промптов, совместимых с популярными AI‑ассистентами кода (Lovable, Bolt, v0, Cursor).
• Встроенный интерактивный демо‑режим для быстрого тестирования.
• Открытая бета‑версия, доступная всем без регистрации.

Тарифы и доступность для российских пользователей

На момент открытой бета‑версии Slicer.dev предоставляется бесплатно. Никаких платных планов или пробных периодов не объявлено; разработчики заявляют, что монетизация может появиться позже в виде подписки на продвинутые функции (экспорт в Figma/Framer, командная работа, облачное хранилище).

Сайт и расширение доступны из России без блокировок. Интерфейс исключительно на английском языке, поэтому поддержка русского языка отсутствует. Для загрузки расширения из Chrome Web Store VPN не требуется, однако при работе с некоторыми внешними сервисами (например, AI‑ассистентами, которые могут быть ограничены) может потребоваться прокладка.

Оплата, если и когда будет введена, пока не уточнена; предполагается, что она будет осуществляться через международные платёжные системы, что может усложнить процесс для пользователей из РФ из‑за санкционных ограничений. На текущий момент сложность оплаты оценивается как easy, так как платить не нужно.

Плюсы

• Мгновенное преобразование любого веб‑элемента в рабочий код или AI‑промпт.
• Сохранение интерактивности и анимаций, чего лишены обычные копипасты HTML/CSS.
• Простой workflow: выделил — нажал — получил результат.
• Бесплатный доступ в открытой бете, что снижает барьер для экспериментов.

Минусы

• Отсутствие локализованного интерфейса — только английский.
• На данный момент экспорт ограничен React/JSX; поддержка других фреймворков находится в разработке.
• Возможные будущие платежи могут потребовать международных карт, что создаст сложности для российских пользователей.
• Расширение работает только в Chrome‑based браузерах; поддержка Firefox, Safari пока не заявлена.