Видео этого урока скоро появится
Конспект урока доступен ниже
Артефакты: документы и мини-приложения прямо в чате
Создашь первые артефакты: страницу с интерактивным калькулятором, наглядный отчёт и работающую мини-игру, всё без единой строчки кода от тебя. Научишься дорабатывать артефакт итерациями: попросить, посмотреть, уточнить. Поделишься результатом по ссылке.
Конспект урока
- 1
Когда появляется артефакт
Попроси сделать страницу, калькулятор, отчёт или мини-приложение, и результат откроется в панели справа отдельным документом. В обычном ответе это была бы простыня кода, здесь работающая вещь.
- 2
Как ставить задачу
Опиши назначение, кто пользуется и что должно быть на экране: поля ввода, кнопка, результат. Данные тоже отдай сразу, иначе Claude придумает примеры и ты будешь их вычищать.
- 3
Правки итерациями
Меняй по одному элементу за раз: убери вторую колонку, сделай кнопку на всю ширину. У артефакта есть версии, к предыдущей можно вернуться, если правка сломала работающее.
- 4
Ограничения
Артефакт живёт в браузере и не ходит по твоим сервисам без настроенных возможностей. Данные вводятся руками или вшиваются в код, а внешние библиотеки подставлять нельзя.
- 5
Публикация по ссылке
Нажми публикацию и получи ссылку, которой можно поделиться. Перед отправкой проверь, что внутри нет чужих данных: по ссылке страницу увидит любой, кому ты её дашь.
- 6
Проверка как пользователь
Пройди весь сценарий своими руками: пустые поля, неверный ввод, экран телефона. Половина проблем находится именно на пустом состоянии, до которого при показе никто не доходит.
Практика
Сделай артефакт-калькулятор под свою задачу (расчёт стоимости, срока или нормы), доведи его тремя правками и открой ссылку с телефона.
Сделал? Отметь урок пройденным и переходи дальше