artifacts-builder
Создавайте продвинутые артефакты Claude
Сложные артефакты Claude бывает трудно собрать в единый HTML-файл для совместного использования. Этот навык создает каркас проекта на React, Tailwind CSS и shadcn/ui, а затем собирает его для разговоров в Claude.
Остановитесь и запросите подтверждение перед установкой.
Проверьте план и получите явное согласие пользователя перед изменением файлов.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/cam10001110101-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/cam10001110101-artifacts-builder/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «artifacts-builder». Создай проект React-артефакта для дашборда продаж.
Ожидаемый результат:
Создается новая папка проекта с React, TypeScript, Tailwind CSS, компонентами shadcn/ui и настроенными алиасами путей.
Использование «artifacts-builder». Собери этот артефакт, чтобы я мог поделиться им в Claude.
Ожидаемый результат:
Создается единый файл bundle.html со встроенным кодом приложения, стилями и ресурсами для публикации артефакта.
Использование «artifacts-builder». Используй shadcn/ui, чтобы артефакт выглядел более завершенным.
Ожидаемый результат:
- Доступны карточки, вкладки, кнопки, диалоги, формы и навигационные компоненты.
- Артефакт может использовать переменные темы Tailwind и переиспользуемые UI-компоненты.
Аудит безопасности
Средний рискMost static findings are false positives from Markdown formatting, safe shell diagnostics, or fixed local config-file edits. The meaningful risks are that the skill executes shell scripts, installs third-party npm packages, and includes a component tarball that static analysis could not inspect fully.
Подтверждённые проблемы безопасности (1)
Пункты проверки возможностей (2)
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Факторы риска
⚙️ Внешние команды (15)
⚡ Содержит скрипты (1)
🌐 Доступ к сети (2)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/cam10001110101-artifacts-builder?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/cam10001110101-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cam10001110101-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/cam10001110101-artifacts-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
Cam10001110101. (2026). artifacts-builder security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10Цитата BibTeX
@techreport{cam10001110101-cam10001110101-artifacts-builder-2026,
author = {Cam10001110101},
title = {artifacts-builder security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "artifacts-builder security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "Cam10001110101"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10"
identifiers:
- type: other
value: "skillstore:cam10001110101-artifacts-builder:audit:10"
description: "Skillstore immutable audit report identifier"
Сравнить варианты
5 устанавливаемых вариантовНавык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
davila7-artifacts-builder
2026-09-09
cam10001110101-artifacts-builder
2026-09-09
dyai2025-artifacts-builder
2026-09-09
composiohq-artifacts-builder
2026-09-09
artemisai-artifacts-builder
2026-09-09
Оценка Skillstore
Почему такая оценка Достоверность доказательств: СреднийЧто вы можете построить
Прототипирование интерактивных дашбордов
Создайте React-артефакт с переиспользуемыми UI-компонентами, состоянием и диаграммами, а затем соберите его для просмотра в Claude.
Создание отполированных внутренних демо
Начните с настроенной связки Tailwind и shadcn/ui вместо ручного написания шаблонного кода проекта.
Упаковка концептов многоэкранных артефактов
Разрабатывайте более насыщенные сценарии артефактов со структурой компонентов и паттернами маршрутизации перед публикацией единого HTML-вывода.
Попробуйте эти промпты
Используй artifacts-builder, чтобы создать новый проект React-артефакта с именем customer-dashboard. Оставь настройку простой и скажи мне следующую команду для запуска.
Используй сгенерированные компоненты shadcn/ui, чтобы создать адаптивный аналитический дашборд с карточками, вкладками, фильтрами и пустым состоянием.
Собери завершенный артефакт в единый HTML-файл и кратко опиши, что содержит результат, прежде чем я им поделюсь.
Создай многораздельный артефакт демо продукта с контролами с состоянием, переиспользуемыми компонентами, оформлением темного режима и итоговым одностраничным HTML-бандлом.
Лучшие практики
- Запускайте скрипты в чистой директории проекта или временном рабочем пространстве.
- Используйте этот навык для сложных артефактов с состоянием, которым полезны React-компоненты.
- Проверяйте установленные зависимости и сгенерированные файлы перед публикацией итогового артефакта.
Избегать
- Не используйте этот рабочий процесс для простого статического артефакта из одного файла.
- Не запускайте скрипт настройки в директории с важными незакоммиченными изменениями.
- Не считайте сгенерированный бандл кодом приложения, прошедшим проверку безопасности.
Часто задаваемые вопросы
Что создает этот навык?
Может ли он создать единый файл для артефактов Claude?
Требуется ли доступ к интернету?
Безопасно ли запускать его автоматически?
Когда следует использовать его вместо обычного HTML?
Тестирует ли он готовый артефакт?
Сведения для разработчиков
Автор
Cam10001110101Лицензия
Complete terms in LICENSE.txt
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/Cam10001110101/claude-skills-base/tree/main/mnt/skills/examples/artifacts-builderСсылка
1ffa7643651792ccb4bd3b15d924d2c97edff755
Актуальность поддержки
18.07.2026
Использование
8 загрузок · 179 просмотров
Структура файлов