あなたのMCPを目立たせる

Web Artifacts Builder

公式

ライセンス不明 · 更新 2026/11/06

/Web Artifacts Builderについて

このスキルは、モダンなフロントエンドツールを使用して、claude.ai向けの複雑なマルチコンポーネントのWebアーティファクトを構築するのに役立ちます。TypeScript、Tailwind CSS、およびプリインストールされたshadcn/uiコンポーネントを備えた完全なReactプロジェクトをセットアップし、そのすべてを会話内でアーティファクトとして共有できる単一のHTMLファイルにバンドルします。

状態管理、ルーティング、またはshadcn/uiコンポーネントを必要とする高度なアーティファクト向けのものであり、単純な単一ファイルのHTMLやJSXアーティファクトには向いていません。

プロジェクトの公開情報をもとに AI で作成した掲載ページです。誤りを含む場合があるため、元の情報源をご確認ください。

/Web Artifacts Builderの使いどころ

ルーティングと状態管理を備えたマルチページのダッシュボードアーティファクトを構築する
ダイアログやテーブルなどのshadcn/uiコンポーネントを使用したclaude.aiアーティファクトを作成する
React + TypeScriptプロジェクトをセットアップし、単一のHTMLアーティファクトにバンドルする
複雑なアプリのアイデアを共有可能な単一ファイルのWebアーティファクトに変える