Claude Artifacts: как собирать рабочие мини-приложения без строчки кода 🧩😼
Большинство людей используют нейросети как продвинутый текстовый блокнот: «напиши пост», «сократи статью», «переведи абзац». Но если вы до сих пор не щупали фичу Artifacts у Claude от Anthropic, вы упускаете половину магии.
Обычно, когда чат-бот пишет код, он просто вываливает его черным полотном в чат. Дальше обычный человек зависает: «И куда мне это вставить? Что такое компилятор? Зачем мне Visual Studio?».
Claude решил эту проблему элегантно: он делит экран на две части. Слева — ваш диалог, а справа — живое, интерактивное приложение, которое запускается сразу в браузере.
Что можно собрать буквально за 2 минуты:
Интерактивные калькуляторы под свой бизнес:
Пишешь: «Сделай калькулятор расчета стоимости клининга квартиры с ползунками (метраж, количество окон, мойка духовки) и кнопкой копирования итоговой сметы в буфер». Через 15 секунд справа появляется рабочий калькулятор, где можно двигать ползунки и кликать кнопки.
Персональные трекеры и таймеры:
Попроси собрать таймер Помодоро с милым дизайном, звуковым сигналом и счетчиком выполненных задач на день. Никаких сторонних приложений с рекламой.
Наглядные дашборды и графики:
Скинь сырые данные по доходам/расходам за полгода и напиши: «Сделай красивый дашборд с круговыми диаграммами и переключателями по категориям».
Простые браузерные игры:
Текстовые квесты, викторины, змейка или тетрис генерируются в один клик.
Как этим пользоваться:
Заходишь в веб-версию Claude.
Описываешь задачу человеческим языком, обязательно добавляя: «Сделай это в виде интерактивного HTML/React-компонента во вкладке Artifacts».
Тыкаешь кнопки в правом окне, тестируешь, а если что-то не нравится — просто пишешь в чат: «Сделай кнопки круглыми, а фон темно-синим».
Вывод Кота:
Программирование перестало быть закрытой сектой бородатых сисадминов. Теперь любой гуманитарий с лапками может на коленке собрать инструмент, за который веб-студии еще пару лет назад просили 50 тысяч рублей.
Большинство людей используют нейросети как продвинутый текстовый блокнот: «напиши пост», «сократи статью», «переведи абзац». Но если вы до сих пор не щупали фичу Artifacts у Claude от Anthropic, вы упускаете половину магии.
Обычно, когда чат-бот пишет код, он просто вываливает его черным полотном в чат. Дальше обычный человек зависает: «И куда мне это вставить? Что такое компилятор? Зачем мне Visual Studio?».
Claude решил эту проблему элегантно: он делит экран на две части. Слева — ваш диалог, а справа — живое, интерактивное приложение, которое запускается сразу в браузере.
Что можно собрать буквально за 2 минуты:
Интерактивные калькуляторы под свой бизнес:
Пишешь: «Сделай калькулятор расчета стоимости клининга квартиры с ползунками (метраж, количество окон, мойка духовки) и кнопкой копирования итоговой сметы в буфер». Через 15 секунд справа появляется рабочий калькулятор, где можно двигать ползунки и кликать кнопки.
Персональные трекеры и таймеры:
Попроси собрать таймер Помодоро с милым дизайном, звуковым сигналом и счетчиком выполненных задач на день. Никаких сторонних приложений с рекламой.
Наглядные дашборды и графики:
Скинь сырые данные по доходам/расходам за полгода и напиши: «Сделай красивый дашборд с круговыми диаграммами и переключателями по категориям».
Простые браузерные игры:
Текстовые квесты, викторины, змейка или тетрис генерируются в один клик.
Как этим пользоваться:
Заходишь в веб-версию Claude.
Описываешь задачу человеческим языком, обязательно добавляя: «Сделай это в виде интерактивного HTML/React-компонента во вкладке Artifacts».
Тыкаешь кнопки в правом окне, тестируешь, а если что-то не нравится — просто пишешь в чат: «Сделай кнопки круглыми, а фон темно-синим».
Вывод Кота:
Программирование перестало быть закрытой сектой бородатых сисадминов. Теперь любой гуманитарий с лапками может на коленке собрать инструмент, за который веб-студии еще пару лет назад просили 50 тысяч рублей.