← Кабінет
9%
01Задача

Сторінка, яку можна відкрити й дати посилання

Артефакт — це готова робоча сторінка за одну розмову. Таку, яку можна відкрити, щось на ній натиснути й дати комусь посилання.

Артефакт: сторінка за одну розмову
Відео уроку: робимо інтерактивну сторінку «Про що твій сон» і публікуємо її
Конспект нижче теж важливий. Він не переказує відео, а пояснює те, що на екрані пролітає швидко: який перемикач має бути ввімкнений до початку, чому опублікована сторінка працює не в усіх однаково, скільки це коштує в цифрах. Якщо щось у відео здалося складним — відповідь майже напевно тут. Порядок такий: спершу відео, потім текст.
02Основа

Артефакт — це готова річ, а не відповідь

Артефакт — це окреме вікно поруч із чатом, у якому Claude віддає не відповідь, а готову річ.

Звичайна відповідь — це текст у стрічці. Гортаєш угору, шукаєш потрібне, копіюєш. Артефакт — це те, що можна відкрити, натиснути, показати іншій людині. І воно працює як готова сторінка.

1

Документ або сторінка

Інструкція, пам'ятка, комерційна пропозиція. Її відкривають за посиланням, а не завантажують файлом.

2

Малюнок або схема

Наочна картинка, яку видно одразу у вікні поруч і яку можна виправити словами.

3

Щось інтерактивне

Калькулятор, тест, анкета. Людина вводить свої дані — і одразу бачить результат.

Приклад із відео — калькулятор калорій: поле ваги, тривалість тренування, інтенсивність, і одразу результат. Усе замовлення було одним реченням: рахувати за активністю або за пульсом. Claude сам відповів, що за пульсом точніше, — і зібрав саме такий.

03Перевірка

Один перемикач, без якого нічого не вийде

Перш ніж замовляти артефакт, перевір одну річ у налаштуваннях — інакше замість сторінки прийде звичайний текст.

  1. 1Відкрий налаштування Claude.
  2. 2Знайди розділ можливостей (Capabilities).
  3. 3Перевір, що ввімкнене виконання коду й створення файлів (Code execution and file creation).
Якщо перемикач вимкнений — Claude напише текст замість того, щоб зібрати сторінку, і буде здаватися, що артефакти в тебе не працюють. Насправді працюють, просто їх не ввімкнено. Це найчастіша причина, чому в людини «не виходить як у відео».

Здебільшого Claude вмикає артефакт сам, коли бачить, що результат самостійний і його захочеться правити чи комусь віддати. Але можна попросити й прямо: «зроби це артефактом».

04Головне

Як замовити, щоб вийшло з першого разу

Задача: сторінка, на якій людина описує свій сон своїми словами — і одразу отримує відповідь. Не з довідника, а саме про цей сон.

Ось у чому суть. Усередині артефакта може працювати сам Claude. Це не сторінка із заготовленими текстами — їх довелося б написати мільйон, бо сни в усіх різні. Claude думає прямо там і складає відповідь під конкретний сон. Автор задає тільки правила: яким тоном відповідати й чого не казати ніколи.

Правила беруться з документів проєкту, зібраних на другому рівні. Тоді це був текст у файлі — тепер той самий текст працює всередині продукту.

Обери приклад, скопіюй запит і встав у своє вікно Claude — подивись, що він відповість.

Зроби інтерактивну сторінку «Про що твій сон», у якій працює й надає відповіді Claude. Одне поле: «Розкажи, що тобі снилося — двома-трьома реченнями». Під ним кнопка «Розтлумачити». Нижче з'являється відповідь. Правила відповіді. Спершу — що цей сон може означати. Тоді — що з цим робити, кількома конкретними кроками. У кінці — заспокоєння, що це не вирок. Наприкінці сторінки кнопка «Хочу повний розбір». Тон: сон — це сигнал від людини до себе самої, а не передбачення. Тепло, спокійно, як припущення. Розгорнуто, але без зайвих епітетів. Ніколи не віщуй смерті чи хвороб — ні людині, ні її близьким. Не лякай. Не пиши про карму й знаки Всесвіту. Не давай тривожних висновків без поради, що робити. Українською. Щоб було зручно з телефона.

Чого тут немає — слова «зроби гарно». Натомість чотири конкретні речі: що людина вводить, що отримує, у якому порядку йдуть частини відповіді і яких слів не має бути ніколи. Результат схожий на задум саме через це.

Заборони — не для краси. Тлумачення на кшталт «випав зуб — до втрати близького» лише накручують тривогу, а сервіс має робити протилежне.

05Вигляд

Кольори простіше дати картинкою

Вигляд можна не переказувати словами — досить перетягнути картинку в чат.

Палітру зручно тримати одним зображенням: кожен колір і його роль. Кнопка додавання файлів у полі вводу, картинка в чат — і Claude зчитує коди сам, нічого диктувати не треба.

Так само працює з будь-яким референсом. Побачиш гарне поєднання кольорів — зроби знімок екрана й додай у чат: Claude працюватиме в тій гамі. Але бери саме кольори, а не чужу сторінку цілком. Колір нікому не належить, а чужий дизайн належить.

Чому палітра саме така. Перший інстинкт для сервісу про сни — темне й фіолетове: ніч, зорі, таємниця. Це пастка: так виглядає кожен астрологічний застосунок, а сервіс саме не про віщування. Тому тепле й світле, спокійна база й один насичений колір: зранку читати легше, а вигляд стає дорожчим, а не строкатішим.

06Практика

Артефакт правиться розмовою

Перший варіант рідко буває фінальним — і це нормально. Нічого переписувати заново не треба.

Дивишся, що не влаштовує, і кажеш це словами. У відео перше, що впадає в око, — замалий контраст: з телефона читалося б погано. Одна фраза в чат — і Claude переробляє.

Найзручніший спосіб — знімком екрана. Якщо муляє конкретний шматок сторінки — зроби його знімок, кинь у чат і скажи: «ось цей блок, мені не подобається шрифт». Claude чіпає саме те місце, а не переробляє сторінку заново.
07Головне

Publish — одна кнопка, дві дії

Щоб сторінку побачили інші, її треба опублікувати. Кнопка зветься Publish — «опублікувати». І вона справді публікує.

  1. 1Тиснеш Publish — Claude одразу попереджає не публікувати особистих даних і паролів.
  2. 2Отримуєш посилання, тиснеш Copy link.
  3. 3Це посилання відкриє будь-хто, кому воно потрапить.
Скасування незворотне. Поруч є Unpublish — публікацію можна скасувати. Але назад той самий артефакт уже не опублікуєш: для нього ця кнопка більше не спрацює. Тому спершу думаємо, потім тиснемо.

Перевірити варто одразу: відкрий посилання в іншому браузері, де ти не в акаунті. Сторінка відкриється. Саме це побачить людина, якій ти його даси.

А тепер найважливіше. Сторінку бачать усі, а от щоб отримати відповідь, треба бути в акаунті Claude. Бо всередині сторінки працює сам Claude — і ліміт витрачає не автор, а той, хто просить відповідь. Тобто сторінку бачать усі, а відповідь іде в кожного зі свого акаунта.

Звідси два обмеження, про які краще знати заздалегідь. Перше — щойно назване: без акаунта людина відповіді не отримає. Друге — сторінка нікого не запам'ятовує: хто заходив і що писав, ти не побачиш. Для лід-магніту в Instagram це важливо врахувати: посилання дати можна, але зібрати з нього контакти — ні.

Як прибрати цю реєстрацію й зробити сторінку самостійною — нижче, у блоці про чесну межу.

08Правило

Одне правило перед публікацією

Наприкінці липня 2026 року в пошуку Google знайшлися сотні чужих опублікованих чатів і артефактів Claude — з резюме, робочими документами й навіть медичними даними. Люди просто натиснули «опублікувати».

Висновок. Вкладай в артефакт лише те, що можна спокійно показати незнайомій людині.
09Реальність

Артефакт — це не сайт

Щоб не було завищених очікувань: артефакт живе на claude.ai. Адреса в нього не твоя, свого домену там не буде.

Тому справжній сайт так не роблять — це окрема історія через вкладку Код, на четвертому рівні. А ось для чого артефакт саме те, що треба:

1

Інтерактив під свій сервіс

Калькулятор, тест, міні-версія послуги. Прев'ю продукту, за яким одразу зрозуміло, що ти робиш.

2

Інструкція чи пам'ятка

Те, що не соромно надіслати. Відкривається за посиланням і виглядає живіше, ніж PDF-файл.

3

Комерційна пропозиція

Її відкривають одним дотиком, а не завантажують. Виглядає цікавіше й дорожче за вкладення у листі.

Код цієї сторінки можна перенести на хостинг — послугу, яка тримає сайт в інтернеті й дає йому власну адресу. І ось тоді це вже повноцінний сайт: своя адреса, ніякої згадки про claude.ai, і виглядає він як звичайний сайт, а не як чужа сторінка з посиланням. Хостинг потрібен саме заради цього — працювати сторінка вміє й без нього.

Разом з адресою зникає й реєстрація. Причина одна: змінюється, чий акаунт оплачує роботу моделі. Порівняй два випадки — сторінка та сама, різниця тільки в цьому.
1

Артефакт на claude.ai

платить відвідувач

Сторінку відкриває будь-хто. Але відповідь Claude дає з акаунта того, хто натиснув кнопку: немає акаунта — немає відповіді. Зате ти не платиш за ці відповіді нічого.

2

Той самий код на твоєму сайті

платиш ти

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

Робить це ключ доступу — його ще називають API-ключем. Це довгий рядок символів, який створюється в кабінеті Anthropic і підтверджує, що звертання йде від твого імені. Ключ лежить у налаштуваннях сайту, відвідувач його не бачить і не вводить. Anthropic рахує всі відповіді, надані за цим ключем, і виставляє рахунок тобі.

10Цифри

Скільки коштує одна відповідь

Якщо підключати свій ключ — за відповіді платиш ти. Ось скільки це насправді, на середній моделі.

1

Одне тлумачення

0,6 ¢

Близько шести десятих цента. Тобто менш ніж цент за відповідь.

2

Тисяча відповідей

$6

Приблизно шість доларів. Стільки коштує обслужити тисячу тлумачень.

3

Десять тисяч людей

$60

Близько шістдесяти доларів. Цю цифру треба знати до того, як розганяти рекламу.

Тепер порівняй це з тим, що платитимуть тобі. Припустімо, підписка на сервіс коштує три долари на місяць. Щоб проїсти власну підписку, одна людина мала б замовити п'ятсот тлумачень за місяць — стільки снів ніхто не бачить. Тому плата за модель не та стаття, яка зупинить сервіс.

Але собівартість усе одно є. Відчутне тут одне: перша безкоштовна відповідь. Вона йде всім — і тим, хто потім не підпишеться, теж. Тому в економіці сервісу закладай не лише рекламу, а й плату за ключ.
11Практика

Підсумок і завдання

Артефакт — це готова річ за одну розмову. Замовляєш докладно, правиш словами або знімками, а тоді або публікуєш, або лишаєш собі.

Домашнє завдання

Після цього уроку ти

  • Розумієш, чим артефакт відрізняється від звичайної відповіді.
  • Умієш замовити сторінку так, щоб вона вийшла схожою на задум, і поправити її розмовою.
  • Знаєш, що Publish робить сторінку публічною, а скасування незворотне.
  • Розумієш, чому відповідь працює лише для тих, хто в акаунті, і як це прибрати через хостинг і власний ключ.
→Далі — четвертий рівень. Починаємо не з коду, а з питання, чим твій продукт кращий за безкоштовний чат: дивимось на ринок і рахуємо гроші.