·artifacts-builder
*

artifacts-builder

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

13Установки·0Тренд·@prorise-cool

Установка

$npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder

Как установить artifacts-builder

Быстро установите AI-навык artifacts-builder в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: prorise-cool/claude-code-multi-agent.

技术栈: React 18 + TypeScript + Vite + Parcel (打包) + Tailwind CSS + shadcn/ui

这将创建 bundle.html - 一个自包含的工件,所有 JavaScript、CSS 和依赖项都已内联。此文件可以直接在 Claude 对话中作为工件共享。

要测试/可视化工件,请使用可用工具(包括其他 Skills 或内置工具,如 Playwright 或 Puppeteer)。通常,避免提前测试工件,因为这会在请求和完成工件可见之间增加延迟。如果请求或出现问题,请在展示工件后进行测试。

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

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from prorise-cool/claude-code-multi-agent

Короткие ответы

Что такое artifacts-builder?

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

Как установить artifacts-builder?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/prorise-cool/claude-code-multi-agent