·artifacts-builder
*

artifacts-builder

prorise-cool/claude-code-multi-agent

1 つは、最新のフロントエンド Web 技術 (React、Tailwind CSS、shadcn/ui) を使用して、状態管理、ルーティング、または shadcn/ui を必要とする複数のコンポーネント claude.ai HTML モジュールを作成するために使用されるツールセットです。コンポーネントの単一のプロセスであり、単一の単一ファイルの HTML/JSX プロセスには適していません。

10インストール·1トレンド·@prorise-cool

インストール

$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)。通常,避免提前测试工件,因为这会在请求和完成工件可见之间增加延迟。如果请求或出现问题,请在展示工件后进行测试。

1 つは、最新のフロントエンド Web 技術 (React、Tailwind CSS、shadcn/ui) を使用して、状態管理、ルーティング、または shadcn/ui を必要とする複数のコンポーネント claude.ai HTML モジュールを作成するために使用されるツールセットです。コンポーネントの単一のプロセスであり、単一の単一ファイルの 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-02-18

クイックアンサー

artifacts-builder とは?

1 つは、最新のフロントエンド Web 技術 (React、Tailwind CSS、shadcn/ui) を使用して、状態管理、ルーティング、または shadcn/ui を必要とする複数のコンポーネント claude.ai HTML モジュールを作成するために使用されるツールセットです。コンポーネントの単一のプロセスであり、単一の単一ファイルの 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 で使用できるようになります

ソースリポジトリはどこですか?

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