Как создать мини-приложение без кода и серверов за 10 минут (и при чём тут лид-магниты)

Эту временную шкалу я вместе с Claude AI создал с нуля за 20 минут
Эту временную шкалу я вместе с Claude AI создал с нуля за 20 минут

Если вы работаете за компом, у вас есть куча мелких, но назойливых задач, на которые вы тратите больше времени, чем вам кажется. Например:

…и другие подобные вещи, которые обычно решаются с помощью бесплатных мини-сервисов в интернете. Но:

  • сервисы пестрят рекламой
  • вы не контролируете функционал, а вам может не хватать одной маленькой кнопочки для полного счастья
  • для решения задачи от А до Я иногда приходится использовать несколько инструментов
  • можете нарваться на спам, если дадите почту
  • часто есть лимиты на использование

Теперь есть простой путь, которое решает все эти проблемы без каких-либо требований к вашим умениям. О нем и расскажу по шагам, а потом поговорим как это всё можно использовать, чтобы создавать простые лид-магниты.

Что это?

Многие слышали про Claude, искусственный интеллект от Anthropic, одного из самых успешных конкурентов OpenAI. У Клода есть функция, которая называется Артефакты (Artifacts). На первый взгляд, ее задача просто в том, чтобы выделять ключевые элементы ответа ИИ на ваш запрос.

На самом деле всё гораздо интереснее, т.к. артефакты можно публиковать, делиться ими и даже использовать за пределами экосистемы Claude.

Всё, что от вас требуется, это проблема, которая поддается решению с помощью относительно несложного софта, при этому у вас нет времени, денег или умений, чтобы решать ее с помощью “традиционной” разработки.

До конца августа Артефакты были в бете и только на платном тарифе ($20 в месяц). Сейчас они доступны для всех бесплатно.

Как это работает

Шаг 1

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

Шаг 2

Проверяем, что включена функция Artifacts.

Для этого заходим в Настройки (Settings), снизу при необходимости озеленяем переключатель Enable artifacts.

Шаг 3

Начинаем новый разговор и вываливаем на Клода свою проблему.

Пишу, например:

"Нужна временная шкала эволюции лид-магнитов. Контент берем прямо из глубины веков, чтобы показать, какое старое это явление. Должно быть красиво и стильно, но чтобы не резало глаз. Сделаешь?"

Через 20 секунд получаю уже рабочий инструмент.

Разговор с Клодом слева, артефакт справа
Разговор с Клодом слева, артефакт справа

Но есть что улучшить. Поэтому если хочу прикрутить дополнительный функционал, просто говорю, что мне нужно. Например:

Давай сделаем в темной теме и переделаем заголовок, чтобы без слов латиницей

Получаем результат, всё работает.

Хотите темную тему, будет темная тема
Хотите темную тему, будет темная тема

А если не работает, то просто говорим, что именно, при этом можно копировать формулировку ошибки прямо из Артефакта.

В редких случаях, когд Клод тупит и не создает Артефакт (отдельное окно, появляющееся справа), можно сказать ему напрямую: “Используй Артефакт”.

Шаг 4

Публикуем артефакт. Для этого нажимаем кнопку Publish справа снизу, а во всплывающем окне – Publish & Copy Link.

Как создать мини-приложение без кода и серверов за 10 минут (и при чём тут лид-магниты)

Выходит подтверждение, а ссылка у нас уже в буфере.

Ваш разговор с Клодом остается конфидециальным, публикуется только сам инструмент. А доступ к его коду может получить любой, если нажмет кнопку Remix справа снизу.

Шаг 5

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

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

Можно добавить в закладки и пользоваться без ограничений или же доработать под свои цели.

Всё это дело хранится на серверах Anthropic, вам не нужно никак поддерживать ваше приложение, разворачивать какую-либо инфраструктуру или нанимать людей, чтобы делать правки.

А что там с лид-магнитами?

Раз мы можем создать бесплатные мини-приложения, почему бы не использовать их как лид-магниты для вашей услуги? Решим часть проблемы для вашей целевой аудитории, а по пути расскажем про ваш основной сервис.

Чтобы всё заработало, нужно лишь “забрать” инструмент с сайта Клода и переместить на свой. Делается это проще, чем может показаться.

В разговоре с ИИ:

Переключатель с предпросмотра на код
Переключатель с предпросмотра на код
  • В Артефакте переключаемся в правом верхнем углу с Preview на Code
  • Копируем код и идем в свой сайт (конструктор обычно тоже подходит)
  • Добавляем кодовую вставку (embed) на нужной вам странице (или создаем новую специально под этот инструмент)
  • Прописываем все параметры страницы для максимизации SEO
  • Публикуем и получаем готовый лид-магнит

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

Более того, идеи для таких инструментов может дать вам сам Клод. Просто опишите ваши услуги и спросите, какие интерактивные лид-магниты он бы сделать для вас в Артефактах.

Иногда для размещения на своем сайте потребуется минимальная адаптация вашего кода. Но обычно достаточно просто сказать Клоду, что не работает или какая ошибка вылезает, а он въедет и всё починит.

Вот пример, как я реализовал на своем сайте инструмент для очистки расшифровок подкастов от тайм-кодов.

Резюмируя

В чем прикол делать свои мини-сервисы:

  • “Чистый” интерфейс без рекламы и ненужных финтифлюшек
  • Полный контроль над функционалом, правьте в любой момент
  • Постоянный доступ по ссылке без регистрации и ограничений по использованию
  • Конфиденциальность: все операции производятся в браузере, без серверов
  • Возможность превратить инструмент в простой лид-магнит

При желании можно перейти и на более продвинутые применения. Например, можно делать интерактивные макеты, более сложные приложения (например, списки дел), использовать механики поинтереснее (например, перетаскивание, оно же drag & drop).

Вот, например, интерактивная демонстрация, показывающая как работает “некачественное” сжатие изображений. Если вы, например, придумали сервис, который это делает круче, включите это “анти-демо” в ваши презентации как визуальный пример того, какую проблему вы решаете.

В общем, как говорят, единственное ограничение – это ваше воображение.

Поэтому если вы ждали волшебного пинка, чтобы наконец сделать интересный лид-магнит, то это он.

Если было полезно, подписывайтесь на мой телеграм-канал ИИ: Ответы, там много простых советов для применения ИИ в реальной жизни и работе. Только практика и никакого хайпа.

22
Начать дискуссию