Artifacts в Claude: когда ответ превращается в готовый файл

Artifacts в Claude - это режим, где результат работы модели открывается отдельным рабочим файлом в окне справа: калькулятором, страницей, таблицей, схемой, документом. Обычный ответ остаётся строчками в ленте переписки, а здесь появляется предмет, который видно целиком и который правится обычными репликами («сделай кнопку крупнее», «добавь строку про доставку»). Готовый файл ты забираешь себе: он открывается в браузере, уходит клиенту или ложится на сайт. Программист не нужен: код пишет модель, ты ставишь задачу и проверяешь результат на своих цифрах.

Каждый день разбираю такие штуки в закрытом канале ИИмперии: готовые промпты и связки, шаблоны ролей цифровых сотрудников, разборы того, что реально работает в бизнесе и что красиво выглядит только на демо. Заходи, там лежат заготовки, которые можно забрать и применить сегодня же.

Что такое артефакт и чем он отличается от обычного ответа?

Артефакт - это результат работы модели, вынесенный в отдельное окно и живущий там как самостоятельный объект. Прочитанный ответ в чате закрывается и забывается через час, а с артефактом ты продолжаешь работать руками: нажимаешь кнопки внутри него, правишь по частям, возвращаешься к нему завтра. Примерно как разница между описанием таблицы и самой таблицей у тебя на экране.

Claude раскладывает разговор по двум сторонам экрана. Всё, что переживает переписку и годится в переиспользование - код, страница, документ, схема, - уезжает в правую панель, а в левой части остаётся само обсуждение.

Что попадает в артефакт:

• HTML-страницы - лендинг, одностраничное КП, форма, калькулятор. Открываются прямо в окне, ты сразу видишь результат глазами.
• Интерфейсы на React - интерактивные таблицы, дашборды, мини-приложения с фильтрами и графиками.
• Документы в Markdown - регламент, скрипт продаж, чек-лист, шаблон письма. Текст, который копируется целиком и переезжает в твои документы.
• Схемы и диаграммы - воронка, оргструктура, схема процесса в виде SVG или Mermaid.
• Код на любом языке - скрипт, который ты дальше запускаешь у себя.

Ключевая штука, ради которой всё затевалось: артефакт версионируется. Ты сказал «поменяй цвет и добавь поле», модель пересобрала, предыдущая версия осталась на месте, между ними переключаешься стрелками. Отсюда меняется сам способ работы: страх сломать хорошее пропадает, потому что откат стоит один клик. Вместо охоты за идеальным промптом с первого раза идёшь короткими шагами и смотришь, что вышло.

Если ты вообще впервые садишься за эту модель, начни с базы - что такое Claude и чем он живёт, а потом возвращайся сюда: артефакты живут поверх обычного диалога и отдельным продуктом не считаются.

Чем artifacts отличаются от Projects?

Их постоянно путают, потому что обе штуки живут в одном интерфейсе. Разница простая: Projects хранит контекст, а артефакт из этого контекста рождается. В проекте лежит описание того, кто ты и как у тебя всё устроено, и оттуда выходит конкретный файл, собранный сегодня под конкретную задачу.

	Артефакт	Projects	Обычный чат
Что это	Готовый файл в окне справа	Рабочее пространство с памятью	Разговор без хранения
Что хранит	Сам объект и его версии	Инструкцию и загруженные материалы	Только текущую переписку
Живёт	Внутри чата, где создан	Между всеми чатами проекта	До закрытия вкладки
Когда включать	Нужен готовый файл под руками	Задача повторяется каждую неделю	Разовый вопрос
Где ломается	Данные внутри не сохраняются	Мусорный контекст портит все ответы	Объясняешь себя заново

На практике они работают вместе. Заводишь проект «Маркетинг», кладёшь туда описание бизнеса, тон, продукты, типичные возражения клиентов - и дальше внутри этого проекта просишь собрать лендинг. Артефакт выходит уже в твоём тоне, с твоими продуктами и без вводных вопросов. Без проекта та же просьба даст красивую, но чужую страницу, которую придётся переписывать руками.

Логика тут ровно та же, что с базой знаний для нейросети: один раз вложился в описание своего дела - и дальше каждый результат рождается в контексте. Когда у одного человека из чата выходит мусор, а у другого готовые файлы, причину обычно ищут в мастерстве формулировок. Чаще она проще: вторая модель успела прочитать описание бизнеса и держит его перед глазами.

Ещё одно отличие, о котором забывают. Артефакт легко вынести наружу: скопировал, скачал, поделился ссылкой. С проектом так не выйдет, он остаётся твоей внутренней кухней вместе со всем, что ты туда сложил. Поэтому проект собирают под себя надолго, а артефакты плодят свободно и без сожалений выбрасывают неудачные.

Как открыть артефакт и что для этого нужно?

Отдельно включать ничего не надо: Claude сам решает, когда вынести результат в панель. Твоя работа - сформулировать задачу так, чтобы модели стало очевидно: на выходе ждут предмет, с которым можно работать руками. Помогает прямая фраза: «собери рабочую HTML-страницу», «сделай интерактивную таблицу», «отдай готовым файлом».

Порядок первого захода:

1. Открой claude.ai и начни новый чат. Лучше внутри проекта, если он у тебя уже есть. Доступ из России требует отдельной возни - как пользоваться Claude из России. Без стабильного доступа дальше можно не читать.
2. Скажи, что именно нужно на выходе. От просьбы «посчитай мне юнит-экономику» придёт текст с числами. Файл получается из формулировки подробнее: «сделай калькулятор юнит-экономики: поля - цена, себестоимость, стоимость доставки, рекламный бюджет, число заказов; внизу маржа в рублях и в процентах».
3. Дождись, пока справа откроется панель. Первая версия почти всегда кривовата: не те подписи, лишние поля, странная вёрстка. Это нормально, ты в начале.
4. Правь репликами. По одной правке за сообщение: «убери поле про НДС», «сделай, чтобы отрицательная маржа подсвечивалась красным», «добавь поясняющий текст под каждым полем».
5. Проверь на своих числах. Возьми три реальных заказа, где ты знаешь ответ, и прогони их через калькулятор. Совпадение означает, что инструментом можно пользоваться; при расхождении иди в раздел про поломки.
6. Забери файл. Кнопка копирования кода в углу артефакта, дальше вставляешь в текстовый редактор и сохраняешь как имя.html. Двойной клик - открылось в браузере.

Один момент про режим модели. Для артефактов почти всегда достаточно обычной, быстрой модели: она хорошо собирает интерфейсы и не тратит время на размышления. Тяжёлую включай, когда внутри артефакта сложная логика расчётов, много условий и вложенных правил. Режимы я сравнивал здесь: какую модель Claude выбрать под задачу.

Эта статья закрывает один вопрос: как превратить ответ нейросети в файл, которым можно пользоваться. В общей картине артефакт - самая нижняя ступенька, руки твоей ИИ-команды; выше стоят роли, регламенты и общий контекст, из которого эти руки растут. Если хочешь увидеть картину целиком и по шагам, можно забрать бесплатное обучение: доступ по почте, материал открывается сразу.

Как собрать калькулятор, если ты никогда не писал код?

Калькулятор - самый честный первый артефакт: результат проверяется арифметикой, и ты сразу видишь, врёт модель или нет. Нужно описать три вещи: какие поля вводит человек, по какой формуле считается результат и что показывать на выходе. Формулу пиши словами, как объяснял бы стажёру.

Что сказать модели, дословно:

Собери калькулятор для клиентов клининговой компании. Поля: тип помещения (квартира, офис, после ремонта), площадь в квадратных метрах, количество санузлов, нужно ли мытьё окон. Базовая ставка: квартира 80 руб/кв.м, офис 65, после ремонта 140. Каждый санузел добавляет 900 руб. Мытьё окон - плюс 15% к сумме. Минимальный заказ 3500 руб: если вышло меньше, показывай 3500. Внизу - итоговая сумма крупно и строка расшифровки, из чего она сложилась. Стиль спокойный, без ярких цветов, шрифт крупный, чтобы читалось с телефона.

Обрати внимание на три вещи в этой формулировке. Все числа названы, поэтому модели нечего придумывать за тебя. Крайний случай проговорён отдельно: именно на минимальном заказе и подобных границах артефакты врут чаще всего, когда про них молчат. Требование к расшифровке тоже стоит не зря - клиент, который видит только итоговую цифру, ей обычно не верит.

Где такой калькулятор ломается в первый заход:

• Проценты применяются не в том порядке. Модель прибавит 15% к базовой ставке вместо итога с санузлами. Проверяется одним примером, где числа удобно считать в уме.
• Округление. 3 480 руб превращаются в 3 480,000000001 или, наоборот, в 3 000. Скажи прямо: «округляй итог до целых рублей вверх».
• Пустые поля. Человек ничего не ввёл, а калькулятор уже показывает NaN. Просьба: «пока не заполнены обязательные поля, вместо суммы показывай прочерк».
• Мобильная вёрстка. На компьютере красиво, на телефоне поля наезжают друг на друга. Скажи «проверь мобильную версию, поля в одну колонку».

Дальше калькулятор живёт на сайте, в переписке с клиентом или во внутренней работе менеджера. Раньше эту роль в компаниях играли гигантские файлы Excel с формулами, которые никто не решался трогать. Кто кого, я разбирал в тексте макросы VBA против ИИ: менять артефакт быстрее, зато Excel привычнее и данные в нём остаются лежать.

Как сделать лендинг или коммерческое предложение артефактом?

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

Рабочая структура запроса:

1. Кто читает страницу. «Собственник кафе на 40 посадочных мест, ищет поставщика кофе, сравнивает трёх».
2. Что должно произойти. Один целевой шаг: оставить заявку, написать в мессенджер или скачать прайс. Выбери что-то одно, три кнопки размывают страницу.
3. Блоки по порядку. Заголовок и подзаголовок, боль клиента, что мы делаем, как проходит работа по шагам, цены или вилка, ответы на возражения, форма или кнопка.
4. Тон и стиль. «Сдержанно, без восклицательных знаков, без слов „инновационный“ и „уникальный“». Модель по умолчанию тянет в рекламный пафос, ограничения работают лучше пожеланий.
5. Технические рамки. «Один HTML-файл, все стили внутри, без подключения внешних библиотек и шрифтов, чтобы страница открывалась с флешки».

Последний пункт критичен, и его почти никто не ставит. Артефакт живёт в изолированном окне браузера: часть внешних ресурсов он подтянуть не сможет, и ты увидишь пустые квадраты вместо картинок и системный шрифт вместо фирменного. Если сразу попросить самодостаточный файл, страница будет одинаково выглядеть и в артефакте, и на твоём хостинге.

С картинками отдельная история. Модель не нарисует тебе фотографию кофейни. Она поставит цветные плашки-заглушки, а ты подменишь их на свои файлы. Либо генерируешь визуал отдельно и вставляешь ссылки на уже загруженные изображения. Кто из генераторов сейчас рисует лучше, я сравнивал тут: какая нейросеть лучше генерирует картинки.

Форма заявки - вторая ловушка. Внутри артефакта она нажимается и при этом ничего никуда не отправляет: перед тобой витрина, у которой ещё нет проводки. Для рабочей версии подставь ссылку на свой мессенджер, на форму в стороннем сервисе или на бота. Как бот принимает заявки, показано в чат-боте для бизнеса.

Как построить интерактивную таблицу и мини-дашборд?

Загружаешь свой CSV или Excel, просишь собрать интерактивную таблицу - и получаешь окно с фильтрами, сортировкой, поиском и парой графиков. Внутри всё живое: щёлкаешь по менеджеру и видишь только его сделки. Основное время уходит на подготовку данных, сама сборка идёт заметно быстрее.

Порядок действий:

1. Приведи файл в человеческий вид. Одна строка заголовков, ниже данные, никаких объединённых ячеек, итогов посередине и трёх таблиц на одном листе. Это единственная часть работы, которую придётся сделать руками.
2. Загрузи файл в чат и скажи, что в нём лежит: «выгрузка сделок за полгода, колонка „Статус“ - воронка, „Сумма“ в рублях без НДС».
3. Опиши, на какие вопросы должна отвечать таблица. Слово «дашборд» модели почти ничего не сообщает. Скажи прямо: «хочу видеть выручку по месяцам, конверсию из заявки в оплату по каждому менеджеру и топ-10 клиентов по сумме».
4. Попроси фильтры. Период, менеджер, источник, статус. Плюс поиск по названию клиента.
5. Сверь итоги. Открой исходник, посчитай сумму по одной колонке и сравни с тем, что показывает артефакт. Расхождение всегда означает, что модель что-то интерпретировала по-своему: например, посчитала строки с пустым статусом.

Главное ограничение помни с самого начала: данные внутрь артефакта попадают вместе с запросом и не сохраняются между сессиями. Завтра ты откроешь тот же артефакт, а таблица будет пустой или с тем же зашитым набором строк. Годится он для разового или регулярного разбора руками, на роль системы учёта не тянет. Хочешь постоянный дашборд - там уже нужна нормальная база и обновление данных, и разговор идёт про другой класс решений.

Зато для «посмотреть на цифры своими глазами и понять, что происходит» артефакт бьёт любые сводные таблицы по скорости входа. С каких вопросов начинать разговор со своими данными, я расписал в тексте ИИ для бизнес-аналитики - там же про то, как не утонуть в графиках ради графиков.

Что ещё имеет смысл собирать артефактом?

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

Что собрать	Зачем нужно	Когда не подходит
Скрипт продаж с ветвлением	Менеджер кликает по ответу клиента и видит следующую реплику	Нужна запись разговоров и статистика по этапам
Чек-лист приёмки работы	Подрядчик отмечает пункты, внизу считается готовность	Требуется история сдач и подписи
Опросник для клиента	Собрать бриф без Google Forms, отдать результат текстом	Нужно копить ответы в базу
Схема процесса	Показать команде, кто за что отвечает в воронке	Схему надо править вдесятером одновременно
Генератор КП	Заполнил поля, получил готовый текст предложения	Нужны печати, номера договоров, учёт
Таблица тарифов	Клиент выбирает опции и видит цену	Цены меняются ежедневно из системы
Обучающая карточка	Быстрый тренажёр для новичка по продуктам	Нужен учёт прохождения и оценки
Планировщик смен	Разложить людей по дням, увидеть дыры	График живёт у всех в телефонах

Правая колонка важнее левой. Артефакт хорош там, где вещь меняется редко и памяти ей не требуется. Как только данные должны копиться и жить между заходами, начинается автоматизация другого уровня: сценарии, базы, интеграции. Что чем закрывается, видно на карте автоматизации бизнес-процессов. Сверься с ней раньше, чем начнёшь делать из артефакта то, чем он быть не может.

Как проверять результат, если ты не читаешь код?

Читать код для этого не требуется, потому что проверяешь ты поведение штуки. Берёшь три реальных примера, где ответ известен заранее, и отдельно пробуешь сломать её нарочно. Выдержала оба испытания - можно пользоваться.

Что делать конкретно:

• Прогони известные случаи. Три расчёта, ответ на которые ты знаешь без калькулятора. Если сходится до рубля, инструмент готов; расхождение в копейки означает округление, а разница в сотни - что формула собрана неверно.
• Введи ерунду. Ноль, отрицательное число, пустое поле, текст вместо цифры, миллион. Ожидаемая реакция - прочерк или предупреждение о том, что поле заполнено неверно. Если вместо этого вылезает NaN, Infinity или правдоподобная на вид сумма, артефакт надо чинить.
• Открой на телефоне. Скопируй код, сохрани как файл, перекинь себе в мессенджер и открой. Половина проблем с вёрсткой видна только там.
• Попроси модель объяснить формулу словами. «Опиши обычным языком, как считается итог, по шагам, без кода». Если объяснение расходится с тем, что ты просил, значит, она поняла задачу иначе, и это лечится одной репликой.
• Спроси про крайние случаи. «Какие ситуации этот калькулятор обрабатывает неправильно?» Модель на удивление честно перечисляет собственные дыры, когда её об этом прямо спрашивают.

Отдельно про ответственность. Никакая проверка не снимает с тебя решения. Если артефакт считает деньги клиента, за формулу отвечает живой человек, который знает бизнес: он сверяет логику, он подписывается под цифрой. Модель снимает с тебя рутину сборки, но вкус и ответственность за результат никуда не деваются, и чем дальше файл уходит наружу, тем жёстче это правило.

Что делать, когда артефакт сломался или поехал?

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

Что помогает по убыванию частоты:

1. Откат. Вернись на последнюю версию, которая работала, и повтори правку другими словами. Ломает обычно формулировка, которую модель поняла шире, чем ты имел в виду.
2. Скопируй текст ошибки в чат. Если в окне артефакта висит красная надпись, просто вставь её и скажи «почини». Это самый быстрый способ, работает в большинстве случаев.
3. Дроби правки. Меняй по одному пункту за сообщение. Просьба вида «поменяй цвета, добавь три поля, перепиши формулу и сделай мобильную версию» в одном сообщении почти гарантированно вернёт кашу.
4. Начни новый чат с готовым кодом. Когда переписка разрослась и модель начала путаться в собственных версиях, скопируй актуальный код, открой чистый чат, вставь его и продолжай оттуда. Часто это быстрее, чем распутывать длинный диалог. Длинные чаты глупеют не просто так: контекстное окно Claude и его пределы.
5. Опиши задачу заново, если развалилось совсем. Иногда исходная формулировка была настолько мутной, что чинить нечего. Собери требования списком и попроси собрать с нуля: второй заход почти всегда выходит чище, потому что ты уже знаешь, чего хочешь.

Отдельная категория поломок - когда всё работает, но не так. Кнопка есть, нажимается, а логика внутри другая. Это опаснее видимой ошибки, потому что молча уезжает в работу. Ловится только проверкой на известных примерах, никак иначе.

Куда девать готовый артефакт: как поделиться и опубликовать?

Три пути: скопировать код и сохранить файл у себя, поделиться ссылкой из интерфейса Claude, встроить готовый HTML на свой сайт. Внутренним инструментам хватает первого пути, клиенту удобнее показать по ссылке, а страницу, которой жить в поиске, придётся ставить на свой хостинг.

По шагам для каждого:

• Сохранить у себя. Кнопка копирования в углу артефакта, вставь в любой текстовый редактор (Блокнот, VS Code), сохрани с расширением .html и кодировкой UTF-8. Двойной клик открывает в браузере. Дальше файл живёт в облаке компании, как обычный документ.
• Поделиться ссылкой. В интерфейсе есть кнопка «Поделиться» - она отдаёт публичную ссылку на артефакт. Интерфейс меняется от обновления к обновлению, ищи её в правом верхнем углу окна. Помни: по ссылке видно содержимое, поэтому не публикуй артефакты, внутри которых зашиты клиентские данные, себестоимости и внутренние цены.
• Поставить на сайт. Сохранённый HTML заливается на хостинг как отдельная страница либо вставляется в конструктор блоком «HTML-код». В большинстве российских конструкторов такой блок есть. Проверь после вставки, что стили не подрались с темой сайта: артефакт приносит свои, и они иногда переопределяют чужие.

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

Реши сразу, кто это обновляет. Артефакт собирается быстро и потому кажется бесплатным. Через полгода у тебя двадцать файлов, половина считает по старым ценам, и никто не помнит, где лежит актуальный. Заведи одну папку, версию в названии файла и человека, который отвечает за каждый инструмент. Звучит скучно, но именно это спасает через полгода.

Где артефакты не подходят?

Артефакт бессилен там, где нужны память, интеграции и много рук. Он не хранит данные между заходами, не ходит в твою CRM, не рассылает письма, не пускает по паролю и не работает как многопользовательская система. Всё, что требует накопления состояния, живёт снаружи.

Красные флаги, при которых стоит остановиться и выбрать другой инструмент:

• «Нужно, чтобы данные сохранялись». Учёт заявок, база клиентов, история заказов. Такие задачи закрывает нормальная система или сценарий автоматизации; страница в браузере тут не помощник.
• «Пусть само тянет цифры из нашей системы». Артефакт не подключается к твоим сервисам. Здесь начинается территория сценариев и интеграций, вход в неё я показывал в инструкции как освоить n8n с нуля.
• «Пусть работает круглосуточно и само отвечает клиентам». Это уже про агентов и ботов, у которых есть триггеры и доступы. Чем ИИ-агенты для бизнеса отличаются от чата с моделью - отдельный разговор.
• «Десять человек будут править одновременно». Совместная работа - к документам и таблицам, у артефакта нет ни блокировок, ни истории правок по авторам.
• «Там персональные данные клиентов». Не грузи в чат паспорта, договоры и базы контактов. Обезличивай: вместо «Иванов Иван, +7…» пиши «клиент 1». Для расчётов и разборов этого хватает всегда.

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

Как встроить артефакты в работу ИИ-команды?

Отдельные файлы не складываются в систему сами. Чтобы артефакты работали годами, у каждого должны быть хозяин, регламент обновления и место в контексте компании. Тогда это перестаёт быть развлечением на вечер и становится набором инструментов, которым пользуется вся команда.

Как это выглядит на практике:

1. Каждый инструмент привязан к роли. Калькулятор стоимости держит у себя продавец, дашборд по выручке смотрит аналитик, лендинги и генератор КП уходят маркетологу. Что такое роль и чем она отличается от «я иногда спрашиваю нейросеть» - цифровой сотрудник: что это и чем полезен.
2. Артефакты рождаются внутри проекта роли. Тогда каждый новый файл автоматически выходит в твоём тоне, с твоими цифрами и без объяснений заново. Сборка роли с нуля - в инструкции как собрать ИИ-сотрудника за пять шагов.
3. У инструмента есть дата и владелец. «Калькулятор клининга, v3, обновлён в марте, отвечает Марина». Без этого через полгода никто не знает, какая версия боевая.
4. Есть правило пересборки. Поменялись цены - калькулятор пересобирается целиком, вместо ручной правки в двадцати местах. Пересборка идёт легко, если исходная формулировка сохранена в проекте.
5. Начинать надо с одной задачи. Возьми ту, которая болит сильнее прочих, и доведи её до конца; десять инструментов сразу обычно не доживают до второй недели. Выбрать первую помогает список из текста с каких задач начинать автоматизацию рутины.

Роли, регламенты и владелец инструмента - это моя схема работы, а не выдержка из чужого курса. Про сам Claude учебные материалы лежат в академии на academy.claude.com, часть из них переведена. Читать полезно, применять придётся под свой бизнес: там нет твоих цен, твоих клиентов и твоего тона.

Главная ценность артефактов - в короткой паузе между «придумал» и «увидел»: идея проверяется, пока она ещё интересна тебе самому. Дальше выигрывает тот, у кого из отдельных файлов собрана машина, куда следующий инструмент вставляется без долгой подготовки; количество файлов само по себе ничего не решает. Тем же способом закрываются ещё семь задач малого бизнеса.

Источники

• Anthropic: анонс Artifacts - первое официальное описание режима и логики, зачем результат выносится из чата.
• Anthropic: анонс Projects - как устроены проекты и чем контекст отличается от переписки.
• Академия Claude - учебные материалы Anthropic по работе с моделью.
• Документация Claude - технический справочник по возможностям и ограничениям моделей.
• Справочный центр Anthropic - ответы по интерфейсу, тарифам и лимитам.
• Тарифы Claude - актуальные планы и что входит в бесплатный доступ.
• MDN: справочник по HTML - русская документация по разметке, если захочешь понять, что именно собрала модель.
• React - библиотека, на которой Claude собирает интерактивные интерфейсы.
• Tailwind CSS - система стилей, которую модель чаще всего использует в артефактах.
• Recharts - библиотека графиков, на которой обычно рисуются диаграммы в дашбордах.