Термос Беспалова
+7 909 561-04-99 СвязатьсяСвязаться
Скилл · Контент и медиа

Artifacts Builder — артефакты Claude.ai

Интерактивные мини-приложения прямо в чате, без развёртывания.

Файл artifacts-builder.md ★ 146k у репозитория
О скилле

Что делает

Скилл для веб-версии ассистента: создаёт интерактивные объекты прямо в диалоге — визуализации данных, мини-приложения, игры, панели показателей. Всё работает в браузере, ничего разворачивать не нужно. Маркетологу и аналитику даёт интерактивную презентацию данных без разработчика: калькулятор для страницы, живую инфографику, демонстрацию механики. Разработан Anthropic.

Источник

Откуда скилл и как поставить

Автор и репозиторий

Автор — Anthropic. Репозиторий собрал 146k звёзд на GitHub. Лицензия указана в репозитории. Файл artifacts-builder.md открыт: прочитать его можно до установки.

Открыть репозиторий

Установка в Claude Code

Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Artifacts Builder — артефакты Claude.ai».

Cursor и другие редакторы

Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Гайды 2026

Разобрано до шаблонов: три гайда по 490 ₽

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

Обложка гайда «Промпты, которые работают: система и 60 готовых шаблонов»

Промпты, которые работают: система и 60 готовых шаблонов

Как писать запросы к нейросетям так, чтобы ответы можно было брать в работу без переписывания

  • Формула промпта из семи элементов с разбором «плохо / хорошо»
  • Работа с контекстом и файлами: как кормить модель данными
  • Итерации: как дорабатывать ответ, а не начинать заново
  • Few-shot и цепочки промптов со схемами

PDF, 57 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Свой ИИ-агент за выходные: пошагово, с кодом и без»

Свой ИИ-агент за выходные: пошагово, с кодом и без

Три рабочих проекта, выбор платформы, безопасность, стоимость и тесты: от агента в конструкторе до Python-кода с MCP

  • Цикл агента и пять архитектур со схемами
  • Честный раздел «когда агент не нужен» и дерево решений
  • Сравнение платформ no-code и кода по девяти критериям
  • Три проекта пошагово: секретарь заявок, аналитик отчёта, агент на коде

PDF, 51 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Claude с нуля: от первого чата до скиллов и Claude Code»

Claude с нуля: от первого чата до скиллов и Claude Code

Модели, проекты, 18 сценариев с промптами, скиллы, MCP и Claude Code для тех, кто не пишет код

  • Как выбрать модель Claude по задаче (актуально на 25.09.2026)
  • Схема интерфейса и разбор возможностей: проекты, артефакты, поиск, память, рассуждение
  • Формула запроса и приёмы, которые работают именно у Claude
  • 18 рабочих сценариев с готовыми промптами: письма, договоры, презентации, таблицы, исследования

PDF, 42 стр., A4

Посмотреть фрагмент (PDF)

Есть и бесплатные гайды

Все гайды

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

Хотите внедрить, но некогда разбираться?

Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.

Получить консультацию
Рядом на полке

Похожие скиллы

agent-transcript.md★ 379k Agent Transcript Прикладывает к пул-реквесту ход работы агента, а не только диф claude-codeagentgithub OpenClaw · MIT mcporter.md★ 379k Mcporter Все MCP-серверы под контролем из одного места: установка, статус, настройка claude-codemcpcli OpenClaw · MIT security-triage.md★ 379k Security Triage Разбирает поток уведомлений об уязвимостях по критичности claude-codesecuritytriage OpenClaw · MIT react18-legacy-context.md★ 246k React18 Legacy Context Замена устаревшего механизма передачи данных в React reactreact18react19 facebook · MIT react19-source-patterns.md★ 246k React19 Source Patterns Переезд на React 19: что сломается и чем заменить reactreact19migration facebook · MIT superpowers.md★ 232k Superpowers Мета-пак от obra: десятки скиллов разом, негласный стандарт сообщества obra
Дальше

Куда идти дальше

Гайды

Пошаговые разборы: от первого промпта до своих агентов и автоматизации.

К каталогу гайдов
Вопросы

Частые вопросы

Что делает скилл Artifacts Builder — артефакты Claude.ai?
Интерактивные мини-приложения прямо в чате, без развёртывания. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: универсальный.
Как установить Artifacts Builder — артефакты Claude.ai?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder ~/.claude/skills/artifacts-builder — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «Artifacts Builder — артефакты Claude.ai» открыт: автор — Anthropic, скачивается из официального репозитория без регистрации. Лицензия указана в репозитории. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

Нужен такой результат в вашей работе?

Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.

Получить консультацию

Пн–Вс, 10:00–20:00. Отвечаю лично.