Создаю свои приложения в Claude за 10 минут (БЕЗ кода), Клод Артефакты [ПРАКТИКУМ]

*https://www.youtube.com/watch?v=z8UAU29MYiA
**https://300.ya.ru/v_8joFY12R

таймкоды

00:00:00 Введение в артефакты в Claude

  • Артефакты в Claude позволяют создавать мини-приложения для регулярных задач.
  • Пример создания приложения для извлечения картинок из PDF.

00:00:32 Извлечение картинок из PDF

  • Процесс создания приложения: планирование, начало работы, исправление ошибок.
  • Использование примитивного вайп-кода для обработки ошибок.
  • Тестирование приложения и исправление проблем.

00:01:23 Решение проблем с извлечением изображений

  • Итерация и решение проблем через описание ситуаций.
  • Помощь консоли для улучшения обработки данных.
  • Успешное извлечение изображений и их скачивание.

00:04:21 Создание артефакта для локальных имён

  • Создание артефакта для вывода 30 локальных имён.
  • Настройка интерфейса: дизайн, количество имён, кнопка «ещё».
  • Удобство использования артефакта для повторяющихся задач.

00:07:46 Публикация и использование артефактов

  • Публикация артефакта для сотрудников или сохранение в списке артефактов.
  • Гибкость работы с артефактами: возможность добавления новых функций.

00:09:18 Автоматизация отчётов в Excel

  • Создание артефакта для анализа отчётов в Excel.
  • Генерация графиков и дашбордов на основе данных.
  • Исправление ошибок в данных и настройка графиков.

00:12:06 Завершение работы с дашбордами

  • Добавление грейдов и линий в графики.
  • Проверка данных и добавление кнопки «скачать».
  • Возможность использования дашбордов в различных целях.

00:12:53 Скачивание изображений

  • Предлагается добавить функционал для скачивания изображений без ручного вмешательства.

00:13:04 Проверка процента выкупа

  • Проверяется процент выкупа и проблема со скачиванием.

00:13:25 Визуализация отчётов

  • Отчёты можно визуализировать в пару кликов.
  • Возможности Excel: соединение файлов, структурирование и преобразование данных.
  • Программирование позволяет создавать индивидуальные приложения для обработки данных.

00:13:25 Удобство использования

  • Приложения можно сохранять на сайте и регулярно использовать.

In this video

Суть метода
0:00
Мальчик ищет приложение в Гугле, мужчина
0:02
пишет своё приложение для того, чтобы он
0:04
сделал эдфункцию. Будьте настоящими
0:07
мужиками. Делайте своё приложение для
0:08
того, чтобы они херачили вам необходимые
0:11
рабочий функционал. У кода есть
0:13
недооценённая функция — это артефакты. В
0:15
них вы можете создавать свои
0:16
мини-приложения и использовать нейросеть
0:18
для регулярных повторяемых задач. Сейчас
0:21
на трёх простых примерах покажу, как
0:23
этим пользоваться. Создаём новый
0:24
артефакт. Здесь некий предшаблон.
Пример про PDF
0:28
Это неважно. Можно начинать с обычного
0:29
чата.
0:33
Вот, например, я хочу сделать такое
0:34
приложение, которое будет извлекать
0:36
картинки из PDF. Так, он написал план
0:39
и ему пишу: «Приступай». Вот он пока
0:41
пишет приложение, найду пдфочку
0:44
какую-нибудь. Вот, например, вот это
0:45
исследование про мультиагентный промнг.
0:48
Скачаю эту пдфочку.
0:50
Так, он уже что-то написал. Ну и
0:52
вставляю. Ошибка обработки. Что я делаю
0:55
в таком случае? Я просто копипащу и вот
0:58
вставляю сюда. Это обычный, самый
1:00
примитивный вайб-кодин, который только
1:01
может быть, но он здесь отлично
1:03
работает. Я вставил ошибку, он понял.
1:06
Ага. Сейчас исправлю проблему загрузки
1:08
библиотеки. К слову, таких ошибок будет
1:11
несколько, и к этому надо быть готовым,
1:13
что они обязательно будут. Никогда не
1:15
будет. Прямо вот так раз и всё. И
1:16
готово.
1:19
Тестируем дальше.
1:23
PDF не найден на изображении.
1:26
пишет. Я вам показываю реальный пример,
1:29
как это проходит через решение проблем.
1:31
Всё проходит через итерации, через
1:34
решение проблем, через описание
1:35
ситуации, что-то не так с первого раза,
1:38
особенно связанное с какой-то более
1:40
сложной логикой, никогда не проходит. То
1:42
есть он понял проблему, что вот
1:44
смотрите, он не всегда корректно
1:45
извлекает изображение через оператор. И
1:48
то есть вам не надо знать, как как
1:50
именно он его извлекает. Хотя, если вы
1:52
напишите какой-то метод, да, он намного
1:55
быстрее всё сделает, если вы ему
1:56
закинете мини-планчик, как именно это
1:59
обработать. Вот он всё переписывает в
2:01
режиме реального времени. Смотрите. Ага.
2:05
Ещё раз.
2:10
У него опять не получается. Опять ему
2:12
пишем, что м что они на самом деле есть.
2:15
Пусть работает. Он заодно сделал
2:17
какой-то режим, типа страница, как
2:19
изображение, но нам такой режим не
2:21
нужен. Мне вот нужны эти картинки,
2:23
которые есть в этом исследовании в
2:25
отдельном. Далее, если он начинает
2:27
капризничать, да, он уже просит
2:29
информацию с консоли. Мы нажимаем на F12
2:32
и копируем консоль. Логи с консоли ему
2:35
позволяют как-то улучшить ситуацию и
2:38
понять, как именно что-то обработать.
2:41
А вот видите, смотрите, он в консоли
2:43
увидел то, что ему надо. он уже увидел,
2:46
что что-то сейчас может у него
2:48
получиться, потому что он увидел вот эти
2:50
вот проблемы, которые здесь есть. Я
2:52
просто скопировал вот эти все данные с
2:54
консоли.
2:56
Они находятся вот элементы консоли. И
2:58
здесь просто копируете вот этот лок.
3:02
Так, момент истины. Итак, смотрим.
3:06
Отлично. Смотрите, у него всё
3:08
получилось, наконец-таки. Вот она,
3:10
первая картинка. Вот вторая. Вот эти все
3:12
графики, всё отлично. И он ещё сделал
3:15
скачивание. Скачиваем.
3:18
При клике на скачивание ничего не
3:19
происходит. И мы опять выходим в
3:21
консоль. Также просто описываю ситуацию,
3:24
что нажатие на скачивание не приводит к
3:27
нему.
3:32
Так, тут и консоль не понадобилась.
3:34
Сейчас посмотрим.
3:38
Скачать Zip. Да, отлично, кстати. Да,
3:40
всё, смотрите, работает. Скачиваю. Да,
3:43
вот они файлики, которые мне надо. Вот я
3:45
так захотел и получил то, что я захотел.
3:48
Получил отдельные вот эти все картинки в
3:50
пнгте высоком разрешении, так как я
3:53
хотел. И это сделал приложение, которым
3:56
я буду теперь регулярно пользоваться,
3:57
когда мне надо будет извлечь какую-то
3:59
пдфку. Как мы вообще раньше работа
4:01
возникала потребность? И шли в Google. И
4:04
в Гугле находили какой-то инструмент,
4:06
например, вот извлечение PDF и на
4:08
заходили на сайт и пользовались, как
4:09
сейчас удобнее. идёте в клод и пишите
4:12
своё приложение для того, чтобы он
4:14
сделал ту функцию, которую вам надо.
Пример про генератор имер
4:21
Итак, смотрите, я здесь сейчас хочу
4:23
сделать артефакт Лоди. Приложение,
4:26
которое будет выводить по 30 локальных
4:28
имён. Это мне надо для синтезатора речи,
4:31
для того чтобы как-то называть голоса
4:34
для каждой локали. Это всё, конечно,
4:35
можно сделать просто в чате написать:
4:38
«Сделай мне 30 таких». сделаем 30х. А
4:40
при помощи артефактов я себе сделаю
4:43
таким образом просто более удобный
4:45
интерфейс для того, чтобы а мне с этим
4:48
было проще и удобнее работать. Это мне,
4:50
на самом деле, надо часто. Поэтому я
4:53
пишу такое приложение, которое у меня
4:55
всегда будет под рукой, именно в моём
4:56
кабинете клода. Ну, смотрим, что он
4:58
сделал. Пишу Италия.
5:02
Угу. Начинается вывод языков. Ага. Ну,
5:05
например, мне вот это не нравится. Я
5:06
хочу по 30.
5:09
[аплодисменты]
5:14
Смотрите, я ему переписал, чтобы он
5:15
сделал а 30 мужских и 30 женских. И
5:18
хочу, чтобы я где-то указывал цифрами,
5:21
вдруг я захочу больше. Также, чтобы это
5:23
он сделал ему имя нова Неймер и дизайн,
5:25
как у Вабриса. Это чисто для
5:27
демонстрации, как он вообще это
5:29
воспримет.
5:31
Ну всё, он сделал
5:34
вот этот фиолетовый цвет, как на WBIS. А
5:36
вот так вот скажи, Россия и давай мне по
5:38
40 имён.
5:41
Угу. И ещё хочу, чтобы было 50 на50,
5:46
чтобы я не прокручивал до женских имен,
5:48
чтобы у меня было всё на одном экране.
5:57
Ну, всё отлично получается. Вот они для
6:00
Германии. Фридрихи,
6:02
Хильды. Все, пожалуйста. И смотрите, я
6:05
захотел, чтобы рядом здесь была кнопка
6:08
ещё. Она будет создавать другие имена,
6:10
которых нет в этом списке. Например, мне
6:12
вот эти 30 не понравятся. Я нажимаю ещё,
6:14
появляются 30 новых.
6:17
Итак, он переписал. Ну, сделаю здесь 15.
6:23
И кнопочка ещё. Так, запомни. Дмитрий,
6:25
Александр, Николай, Сергей. И ещё
6:28
и на Кентим Пантилемон, пожалуйста. И я
6:31
таким образом могу генерить. Ну, то
6:32
есть, чтобы мне сильно не прокручивать,
6:34
я могу вот так вот просто генерить,
6:36
генерить и искать имена, которые не было
6:38
в предыдущем списке. Я работая в чате,
6:40
просто пользуюсь этим приложением,
6:42
которое для меня удобнее в плане
6:44
интерфейса. Эта задача моя повторяемая,
6:46
поэтому я использую артефакт. Он основан
6:49
полностью на работе вот этого приложения
6:51
в рамках лода. Я просто могу им
6:53
постоянно пользоваться, потому что это
6:55
моя одна из таких задач, которые мне
6:57
приходится делать регулярно. И каждый
6:59
раз я не хочу перепрописывать вот этот
7:01
промт, куда-то его заполнять, сохранять.
7:03
Он у меня уже просто здесь есть этот
7:06
артефакт. Я им пользуюсь. Кстати,
7:08
смотрите, вот код. Я у него увидел, что
7:10
он использует clклонеet там какой-то
7:12
майский, да? Ну, я попрошу его.
7:14
Давайте-ка более современно используй.
7:16
Сейчас посмотрим. Мне просто кишки надо
7:18
смотреть, да? Вот всё. Клоднет, вот он
7:22
сентябрьский. По умолчанию, смотрите, он
7:25
старенько использует, а здесь пусть он
7:27
использует новое. И я пользуюсь этим
7:29
артефактом в любой момент. Он у меня
7:30
просто как некая закладка. Мне не надо
7:32
хранить вот этот какой-то пронт где-то у
7:34
себя на рабочем столе. Повторяемые
7:36
простые действия я организовываю в виде
7:38
артефактов и интерфейсом, который для
7:40
меня удобен. Мне, потому что неудобно
7:43
это делать в чате. Мне вот удобно так,
7:45
как здесь. Здесь я могу это опубликовать
7:47
и какому-то дать своему сотруднику для
7:49
того, чтобы он этим пользовался. Или я
7:51
просто, ну, могу ничего не делать. Я
7:53
просто нажимаю крестик, и это
7:55
сохраняется в моём списке артефактов.
7:57
Вот смотрите, артефакты, мои артефакты.
7:59
Вот он, пожалуйста, новый неймер. Я
8:01
всегда к нему могу обратиться и
8:03
использовать.
8:08
После того, как он опубликуется, он уже
8:11
в таком варианте, когда он будет на на
8:13
весь экран и его как бы не
8:15
подрабатывать, что всё в опубликованном
8:18
формате, как, пожалуйста, как
8:19
приложение, его можно занести в закладки
8:22
и регулярно этим пользоваться. Всё. Вот
8:25
в моих закладках. Я, пожалуй, каждый раз
8:27
могу заходить и им пользоваться. Но я
8:29
так не люблю. Я почему так не люблю?
8:30
Потому что мне, когда я чем-то
8:32
пользуюсь, я всегда немножко это
8:34
поддорабатываю. То есть даже когда я
8:36
пользуюсь вот этим штукой, я могу здесь
8:38
что-то изменить. Могу, например,
8:40
добавить э выгрузку в файл.
8:45
Это всегда происходит спонтанно.
8:47
Некоторые вещи я вообще никогда не
8:48
трогаю.
8:51
Ну вот смотрите, скачать тексты,
8:53
пожалуйста, скачиваем. Вот он качался в
8:56
текстовичок. То есть потом мне может
8:58
какая-то ещё идея прийти. Ну мне просто
9:00
всегда под рукой. Я могу всегда дописать
9:02
то, что мне надо изменить. И таким
9:03
образом я очень гибко работаю со своим
9:05
инструментом, который я максимально
9:07
точно под себя адаптировал и который
9:09
нужен именно мне, именно в таком виде. И
9:11
при помощи не расти и мне не надо его
9:13
где-то искать за компом.
Пример про Excel
9:18
Сейчас я покажу, как обработать
9:19
экслевские документы при помощи
9:21
артефактов. Например, если у вас есть
9:22
какой-то регулярный отчёт в Экcле и вы
9:24
хотите строить быстро графики, вы можете
9:26
создать такой артефакт. Вот, например,
9:28
некий фейковый отчёт по продажам. Здесь
9:30
все цифры фейковые. Чисто для примера.
9:32
Сейчас я покажу, как можно сделать на
9:34
основе его создатель артефактов.
9:39
[аплодисменты]
9:41
Вот описал ему вкратце приложение,
9:43
которое мне надо, и сейчас он могут его
9:46
генерить. Это удобно, когда есть
9:48
определённый у вас какой-то входной
9:50
материал, из которого необходимо
9:52
что-либо строить, какой-то дашборд или
9:55
что-то в этом духе. Таким образом, вы
9:57
можете автоматизировать
9:59
инфографику, какие-то отчёты без того,
10:01
чтобы нанимать программиста, без того,
10:03
чтобы писать какой-то скрипт. Он сам всё
10:06
напишет, сам всё опубликует. Смотрите,
10:08
что сделан.
10:12
Загружаем. Кликаю на процент выкупа и
10:16
ничего не происходит.
10:18
Переходим в консоль и просто копируем
10:21
консоль. Всё, закинул на консоль.
10:25
Сейчас я сделаю очистки консоли для
10:27
того, чтобы, если появятся новые ошибки,
10:29
чтобы я их просто скопировал оттуда.
10:36
Так, что-то произошло плохое.
10:39
[аплодисменты]
10:42
Здесь просто фейковых данных для каждого
10:44
товара указан отдельно уникальный
10:46
артикл, но это неверно. Это генеренные
10:49
данные, и я поэтому ему говорю, чтобы он
10:51
опирался на категории брюк, а не на то,
10:54
чтобы был артикул. Когда я сгенерил JPT
10:57
вот этот документ, я просто об этом не
10:58
подумал, но сейчас, видите, на демодан
11:00
данных это выскакивает.
11:03
Просто привяжемся к названию продукта.
11:07
Вот процент выкуп, пожалуйста.
11:10
У нас, ну, я не хочу такое. Сделай.
11:17
Я пишу с орфографическими ошибками,
11:18
потому что, во-первых, это не имеет
11:20
значения. Смотрите, клавиатура без
11:23
русских букв, и я поэтому часто делаю
11:25
ошибки.
11:28
Ну, нерасти пофиг на эти ошибки. Так, он
11:30
что-то переписал, смотрите, и какую-то
11:32
сам же ещё ошибку нашёл. Но опять же,
11:35
давай пытайся при помощи самого Клода и
11:37
решить эту ошибку.
11:40
Так,
11:42
проценты выкупы. Так, столбцы. Вот меня
11:44
линии интересуют, линии, область. Вот
11:46
такие графики я больше люблю. И вот,
11:48
например, только вот. Отлично. Вот,
11:51
пожалуйста.
11:54
Ну что, он выдал какую-то ерунду, да?
11:56
Что это за столбики? К чему они
11:58
относятся? Пусть сделает грейды какие-то
12:01
для того, чтобы это было нормально.
12:06
Итак, он сделал. Смотрите, всё, появился
12:10
грейд. Вот мы видим грейд, линии в
12:14
области и так далее.
12:16
Процент выкупа у нас есть вот по брюкам,
12:18
например, да, мы можем посмотреть, как
12:20
он у нас от месяца к месяцу шёл. Если вы
12:23
действительно торговали брюками на ВБ,
12:24
вы знаете, что вот эти данные очень
12:26
далеки от реальности. Там они где-то вот
12:30
график должен быть где-то вот здесь вот.
12:32
И какой-то доход. Посмотрим
12:36
по столбцам, по линиям. Вот по разным в
12:39
ручка прибыль, пожалуйста. Таким образом
12:42
вы можете строить дашборды и
12:44
использовать их в своих целях. Ну,
12:46
естественно, вот, например, а, добавим
12:48
кнопку скачать.
12:53
То есть, как бы, естественно, вам это
12:54
надо не скриншотить, а скачать в виде
12:57
картиночки. То есть это можно добавить
12:59
также функционал, чтобы не делать что-то
13:02
руками.
13:05
Проверяем.
13:07
процент выкупа и вот, например,
13:12
скачать.
13:16
Жалуемся, что ничего не скачивается, и
13:18
пусть он с этим что-то делает.
13:21
Итак, смотрим, что он сделал.
13:25
Так, всё, что-то скачивается.
13:29
Всё отлично, она скачалась в хорошем
13:31
качестве, и его может как-то
13:33
использовать уже в своих целях. Таким
13:34
образом, а вы, используя какой-то либо
13:37
отчёт постоянный, который систематически
13:39
у вас он появляется, вы таким образом
13:41
можете его визуализировать в пару
13:44
кликов. С Экселем здесь большие
13:46
возможности. Вы можете соединять
13:48
эксселевские файлы, как-то из них
13:51
структурировать, преображать данные. На
13:53
языке программирования существуют
13:55
большие возможности для обработки
13:56
экселеких файлов. можете
13:58
структурировать, соединять, вычленять
14:00
какую-то информацию аналитическую, и при
14:02
этом у вас будет всегда сохранено в виде
14:04
какого-то единственного вашего
14:05
приложения, которое работает строго под
14:08
вас, и оно у вас просто на сайте как
14:11
ярлычок находится, и таким образом вы
14:13
можете регулярно им пользоваться. M.

Поделиться: