⚙️ Artifacts в Claude — интерактивный результат вместо текста в чате

Стандартный сценарий работы с нейросетью: написать -> получить текст -> скопировать -> вставить в редактор -> редачить. С Artifacts цикл сокращается вдвое, так как нейросеть отдаёт готовый объект в отдельной панели

Что делает Artifacts

Вместо ответа в чате Claude открывает правую панель и генерит полноценный артефакт: рабочую HTML-страницу / интерактивный калькулятор / SVG-схему / скрипт

Что можно сделать

— Лендинг или страницу презентации

— Калькулятор / интерактивную форму с логикой

— Схему процесса или структуру в SVG

— Готовый скрипт, который можно скопировать и запустить

— Шаблон документа с нужной структурой

Как использовать

1. Открыть Claude AI

2. Перейти в Artifacts и вызвать кнопку "Create artifact"

3. Выбрать в панели тип создавемого артефакта: приложение / веб-сайт, игры, документы / шаблоны, квизы и тд

4. Описать запрашиваемый результат

5. Доработать в диалоге: добавь блок с ценами, убери кнопку и тд

6. Скачать готовый файл / опубликовать результат и поделиться ссылкой (результат может открыть любой пользователь без аккаунта в Claude)

Пример промта

ЗАДАЧА: Создать [HTML-страницу / скрипт / SVG-схему / таблицу] ЧТО ДОЛЖНО БЫТЬ ВНУТРИ: [перечислить блоки, логику, данные] СТИЛЬ: [минималистичный / корпоративный / тёмная тема / без оформления] ФОРМАТ: готовый код, который работает без дополнительных зависимостей ОГРАНИЧЕНИЯ: [например, без внешних библиотек / только HTML и CSS / на русском]

📌 Попробовать здесь

Канал про ИИ, публикую подборки, гайды понятным языком, мнения — интересный и полезный контент.

Каждый найдет как сэкономить время и увеличить продуктивность с нейросетями⬇

t.me