artifacts-builder
✓1 つは、最新のフロントエンド Web 技術 (React、Tailwind CSS、shadcn/ui) を使用して、状態管理、ルーティング、または shadcn/ui を必要とする複数のコンポーネント claude.ai HTML モジュールを作成するために使用されるツールセットです。コンポーネントの単一のプロセスであり、単一の単一ファイルの HTML/JSX プロセスには適していません。
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
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01