Web Artifacts позволяют вам бесшовно создавать и делиться интерактивными, динамическими компонентами (HTML/CSS/JavaScript) прямо в ваших сообщениях. От визуализаций и викторин до легких веб-приложений.
Приведенный выше артефакт был создан с помощью GPT-4o и библиотеки anime.js Демонстрация CSS Grid от Claude 3.5 SonnetУзнайте больше по адресу: Discourse AI - Web Artifacts
Чтобы использовать: удерживайте вопрос в уме и нажмите на иконку волшебного предмета. 
Ладно, я сейчас сделаю перерыв… так много идей!
Ни один из этих примеров ничего не показывает на iPad 
А если открыть на весь экран в Хабе, я не могу выйти из него, не покинув форум.
У нас есть новая сборка hub, которую публикует @pmusaraj. Вы обновились до последней версии?
Да! Выход из полноэкранного режима с помощью клавиши Esc на планшетах затруднителен, а использование кнопки «Назад» не возвращает меня к теме, а отводит ещё на шаг назад.
Я думаю, мы можем обновить состояние при нажатии кнопки для исправления полноэкранного режима.
Возможно, это оверлей не имеет смысла на сенсорных устройствах, он всё равно мешает элементам управления в верхней части.
Это отличное дополнение!
Хочу добавить несколько моментов для тех, кто, возможно, сомневается в использовании этого инструмента. В последние несколько недель я в основном использовал ChatGPT с моделью 4o для создания простых HTML-страниц с помощью JavaScript и CSS. Удивительно то, что сгенерированный код почти никогда не содержит ошибок, однако для получения желаемого результата требуется грамотная настройка промптов. Иногда то, что вы имеете в виду, и то, что модель считает, что вы хотите, может не совпадать, поэтому требуется небольшая корректировка запроса.
Если у вас есть доступ к canvas в режиме кодинга или аналогичному инструменту, они отлично подойдут для начала работы. Также, если вы не программист и обычно не занимаетесь этим, одним из основных способов исправления ошибок является знание о клавише F12 (источник) в веб-браузерах.
Я мог бы написать об этом целую книгу, но остановлюсь здесь: у вас есть песочница, так что экспериментируйте!
Если система обновила его, то да. 2.0.7 две недели назад.
Да, это действительно была проблема Hub. В Safari всё выглядит отлично.
Возможно ли для нас, не программистов, использовать пример с подсказками?
Редактирование
Первая попытка удалась. Такая разработка — это здорово. Просто нужно сказать, что требуется. Но есть несколько вопросов:
Упрощённый промпт для использования в AI Web Artifact (у меня нет доступа к AI Web Artifact для тестирования, но он должен работать или быть очень близким к этому)
Создайте игру в игровой автомат, используя JavaScript и CSS.
Фактический промпт, использованный с ChatGPT 4o
Создайте простую HTML-страницу для игры в игровой автомат, используя JavaScript и CSS. Сохраните как одну HTML-страницу для скачивания.
Вот более продвинутый промпт, который несколько раз корректировался до достижения желаемого результата. Его придётся адаптировать для использования с AI Web Artifact.
Создайте простую HTML-страницу для игры в блэкджек, используя JavaScript и CSS.
- Сохраните как одну HTML-страницу для скачивания.
- Показывайте карты дилера после того, как он остановится.
- Добавьте опцию для дополнительных ботов-игроков и показывайте их карты.
- Добавьте возможность делать ставки и отслеживать сумму.
- Показывайте сумму карт игрока.
- Показывайте карты дилера перед появлением всплывающего окна с объявлением победителя.
Если вы хотите что-то посложнее, создайте игру в шашки с ботом-противником.
В этом релизе не было исправления артефакта. Новая версия 2.0.8 только что отправлена на проверку, она должна появиться в ближайшее время.
Честно говоря, мне немного сложно представить, как вставлять элементы, которые действительно гармонично дополняют пост. Есть ли уже примеры практического применения, которые можно было бы включить таким образом?
На моём форуме много тем о питании собак. Сейчас я мог бы предложить простой планировщик, например, показывающий, что нужно собаке пользователя в день.
Я хотел бы использовать ИИ, но он постоянно ошибается и слишком дорог. Конечно, плагин или, возможно, компонент могли бы сделать то же самое и даже лучше, но я не знаю как.
Было бы здорово, если бы я мог отправлять ответ артефакта ИИ-персоне с заранее подготовленным промптом, но я не знаю, возможно ли это вообще.
Давайте попробуем! 
Я понял. В общем-то. По сути, это «просто» ещё один разговор с ИИ, где нужно объяснить, что требуется, как это должно выглядеть, а также дать другие строгие указания и правила.
По сути, это Visual Basic, но проще 
Visual Basic для чайников. 
Эти изображения взяты из Викимедиа; я с нетерпением жду возможности использовать открытые данные в интерактивном режиме для создания искусства и обмена информацией. 
Ого, я пропустил это объявление! Это потрясающе! 
Поздравляю команду. 
Я уже вижу, что это приведет ко многим положительным последствиям: повысит вовлеченность пользователей, упростит объяснение и изучение вещей, а также обеспечит интерактивную обратную связь. К тому же, это весело 
.
