Скилл Artifacts в Claude и Холст (Canvas) в ChatGPT: как создавать живые сайты, графики и калькуляторы за 1 минуту
Раньше, если вы просили нейросеть сделать таблицу, график или страницу сайта, она выдавала простыню непонятного программного кода. С появлением скилла Artifacts (в Claude) и Canvas / Холст (в ChatGPT и Gemini) всё изменилось: теперь справа от чата открывается живой экран, где сразу работает готовое приложение, по которому можно кликать мышкой!
AM LABЧто такое Artifacts и Canvas простыми словами?
Представьте, что внутри чата с нейросетью встроен мини-браузер и дизайнерская студия. Вы пишете обычными словами, что хотите увидеть, и через 15 секунд на правой половине экрана появляется готовый интерактивный результат:
- Интерактивные финансовые дашборды с переключателями и графиками.
- Рабочие калькуляторы (расчет стоимости ремонта, доставки, кредита, калорий) для вашего бизнеса.
- Схемы, майнд-карты (Mind Maps) и блок-схемы бизнес-процессов.
- Полноценные одностраничные сайты (лендинги) и презентации, которые можно отправить клиенту по ссылке в 1 клик.
В Claude и ChatGPT под созданным окном есть кнопка «Publish / Share» (Опубликовать). Вы получаете прямую ссылку на созданный калькулятор или дашборд и можете отправить её коллеге или клиенту в Telegram.
Готовый запрос, чтобы попробовать этот скилл прямо сейчас
Откройте Claude.ai, ChatGPT или DeepSeek (режим Run HTML) и вставьте следующий текст:
Создай в интерактивном окне превью (Artifact / Canvas) современный красивый калькулятор стоимости услуг и окупаемости для клиентов.
Что должно быть внутри:
1. Темный премиальный дизайн с крупными цифрами и плавными ползунками.
2. Ползунки: Количество заявок в месяц, Средний чек ($), Конверсия в продажу (%).
3. Автоматический пересчет выручки и наглядный цветной график роста по месяцам.
4. Все подписи сделай на русском языке.Аппаратная верификация и метрики кремния
vllm serve skill-artifacts-and-canvas-live-websites-guide --tensor-parallel-size 4 --gpu-memory-utilization 0.95 --max-model-len 32768 --kv-cache-dtype fp8
Artur Moiseyev
Founder & AI Editor-in-Chief
Независимый AI-исследователь и архитектор распределенных систем. Разрабатываю мультиагентные системы, открытые reasoning-модели и инфраструктуру реального времени.
Связанные статьи справочника
AM LABСкилл Projects & Memory (Папки проектов и Память): как один раз обучить ИИ под себя и свои задачи
Устали в каждом новом чате заново объяснять нейросети, чем вы занимаетесь, и прикреплять одни и те же файлы? Показываем, как настроить скилл «Проекты и Память» за 3 минуты.
AM LABТоп-10 правил промпт-инжиниринга для моделей рассуждения в 2026 году
Почему фраза «думай пошагово» больше не работает. Освойте XML-разделители, отрицательные ограничения, валидацию схем и промпты для DeepSeek-R1 и Claude 3.7.
AM LABСистемные промпты, которые никогда не сбоят: Проверенные продакшн-шаблоны 2026 года
Забудьте о размывании роли и галлюцинациях в длинных сессиях. Готовые шаблоны системных промптов для архитекторов, аудиторов безопасности и генерации чистого JSON.