Локализованное руководство по чтению

web-artifacts-builderНазначение, использование и источник

Набор инструментов для создания сложных многокомпонентных HTML-артефактов claude.ai с использованием современных фронтенд-технологий (React, Tailwind CSS,shadcn/uiИспользуйте для сложных артефактов, требующих управления состоянием, маршрутизации илиshadcn/uiкомпоненты - не для простых файлов в один файлHTML/JSXартефакты.

Источник получен: 2026-10-29

Репозиторий-источник: anthropics/skills
SKILL.md: skills/web-artifacts-builder/SKILL.md
Звёзды репозитория: 185,373
Последнее обновление репозитория: 2026-10-29
Категории Skills: Разработка
Время последнего сбора: 2026-10-31 10:38 UTC+08:00

Лицензия: Файл лицензии требует проверки

Оригинальный файл SKILL.md

Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.

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

Что делает этот навык

Как работает рабочий процесс на вышестоящем уровне

Шаг1: Инициализация проекта

Запустите скрипт инициализации, чтобы создать новый проект React: это создаст полностью настроенный проект со следующими компонентами: ✅ React + TypeScript (через Vite) ✅ Tailwind CSS3.4.1сshadcn/uiсистема тематизации

проход вверх по течению · L24 ↗

Шаг2: Разработайте свой артефакт

Для сборки артефакта отредактируйте сгенерированные файлы. См. раздел «Общие задачи разработки» ниже для получения рекомендаций.

проход вверх по течению · L41 ↗

Шаг3: Объединение в один HTML-файл

Чтобы объединить приложение React в один HTML-артефакт: Это создастbundle.html— Самодостаточный артефакт со встроенным JavaScript, CSS и зависимостями. Этот файл можно напрямую отправлять в обсуждениях Клода как артефакт. Требования: Ваш проект должен иметьindex.htmlв корневом каталоге. Что делает скрипт:

проход вверх по течению · L45 ↗

проход вверх по течению · bash ↗

bash scripts/init-artifact.sh <project-name>
cd <project-name>

Требования и настройка

Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.

Ограничения и проверки качества

Из этого файла не был выбран отдельный фрагмент с ограничениями. Это не означает, что навык безопасен для любых входных данных или сред. Проверьте полный исходный код и подтвердите свой собственный результат.

Начните с безопасного пробного периода.

Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.

Формат навыков и спецификация каталога ↗

Подробнее читайте в источнике.

Перевод и сфера применения

В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.

Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.

Закрепленный источник: Прочитайте оригинал ↗
Источник получен: 2026-10-29T09:32:23Z
Исходный коммит: ca45fc496a3436251f191354091d557da31c15b5
Исходный SHA-256: 81c5002c6643b0de7b8710b00e7a9038daa6fb9b68d59870ee6adb12da8d10f8

Вернуться к полному каталогу навыков