·artifacts-builder
*

artifacts-builder

prorise-cool/claude-code-multi-agent

Versions Web Web (React, Tailwind CSS, shadcn/ui) et claude.ai HTML Shadcn/ui 组件的复杂工件,不适用于简单的单文件Utilisation HTML/JSX.

10Installations·1Tendance·@prorise-cool

Installation

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

SKILL.md

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

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

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

Versions Web Web (React, Tailwind CSS, shadcn/ui) et claude.ai HTML Shadcn/ui 组件的复杂工件,不适用于简单的单文件Utilisation HTML/JSX. Source : prorise-cool/claude-code-multi-agent.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que artifacts-builder ?

Versions Web Web (React, Tailwind CSS, shadcn/ui) et claude.ai HTML Shadcn/ui 组件的复杂工件,不适用于简单的单文件Utilisation HTML/JSX. Source : prorise-cool/claude-code-multi-agent.

Comment installer artifacts-builder ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/prorise-cool/claude-code-multi-agent --skill artifacts-builder Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

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