について
artifacts-builderスキルは、React、TypeScript、Tailwind CSS、およびshadcn/uiを使用して、複雑なマルチコンポーネントHTMLアーティファクトを作成するための開発スイートを提供します。これは、単純な単一ファイル出力ではなく、状態管理、ルーティング、またはコンポーネントライブラリを必要とするアーティファクト向けに設計されています。このツールには、プロジェクトを初期化し、すべてを単一のHTMLファイルにバンドルしてデプロイするためのスクリプトが含まれています。
クイックインストール
Claude Code
推奨npx skills add davepoon/buildwithclaude -a claude-code/plugin add https://github.com/davepoon/buildwithclaudegit clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builderこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
よくある質問
artifacts-builder Skillとは何ですか？
artifacts-builder はdavepoon が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで artifacts-builder に関連するタスクを実行できるようにします。
artifacts-builder をインストールするには？
このページのインストールコマンドを使用してください。artifacts-builder をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。
artifacts-builder はどのカテゴリに属しますか？
artifacts-builder は その他 カテゴリに属します。
artifacts-builder は無料で利用できますか？
はい。artifacts-builder は AIMCP に掲載されており、無料でインストールできます。
関連スキル
このスキルは、開発者がノートのデータベース的ビューを構築するためのObsidianベース（.baseファイル）を作成・編集できるようにします。YAMLファイル内でのビュー設定、フィルター、数式、サマリーの構成をサポートします。Obsidianのテーブル/カードビューを操作する際や、動的なノート整理および計算フィールドを実装する際にご利用ください。
このスキルは、ClaudeがObsidian風マークダウンの作成と編集を可能にし、ウィキリンク、コールアウト、フロントマター属性、埋め込みといった独自の構文を扱います。Obsidianボールト内の.mdファイルを操作する場合や、ユーザーがObsidian固有の機能に言及した際にご利用ください。これにより、出力がObsidian知識ベースアプリケーションで有効であることが保証されます。
このスキルは、開発者がObsidianなどのビジュアルツール向けのJSON Canvasファイル（`.canvas`）を作成・編集できるようにするものです。ノード、エッジ、グループ、接続をサポートし、マインドマップ、フローチャート、インタラクティブな図式をプログラムで構築するのに最適です。視覚的な整理のために構造化されたキャンバスデータを生成または変更する必要がある際にご利用ください。
このスキルは、ClaudeがObsidian特有のMarkdown構文（ウィキリンク、コールアウト、YAMLフロントマター、埋め込みなど）を生成・編集できるようにします。Obsidianボールトの`.md`ファイルを操作する場合や、ユーザーが内部リンクやノートプロパティなどの機能を要求した際にご利用ください。有効なObsidian Flavored Markdownに準拠した出力を保証します。