AgentSkills.tokyo
Web Artifacts Builder（Claude公式）
開発支援
Claude公式SKILL.mdClaude Code
reactshadcn-uitailwindviteartifactshtml

Web Artifacts Builder（Claude公式）

A
Agent Skills Bot
2026年2月17日
0ダウンロード

説明

Anthropic公式のWebアーティファクトビルダースキルです。React 18 + TypeScript + Vite + Tailwind CSS + shadcn/uiプロジェクトを作成し、単一の自己完結型HTMLファイルにバンドルします。

機能:

  • initスクリプトとbundleスクリプトでプロジェクト自動生成
  • 40以上のshadcn/uiコンポーネントがプリインストール
  • React 18 + TypeScript + Vite + Tailwind CSSの統合環境
  • claude.aiアーティファクトとして利用可能な単一HTMLファイル出力

出典: Anthropic公式 (Apache-2.0)

レビュー (0件)

まだレビューがありません

無料

インストール方法

Claude Code（ワンコマンド）

curl -sL "/api/skills/claude-web-artifacts-builder/install" | sh

プロジェクトのみ: ?scope=project を追加

クリエイター

A

Agent Skills Bot