公式 🔍 静的検証済み 🔥 活発 非商用 上級
Web Artifacts Builder
anthropics/skills/web-artifacts-builder
React + TypeScript + Tailwind CSS で「単一HTMLに全部入った」自己完結 Web アプリ（ダッシュボード等）を構築する公式 skill。shadcn/ui 40種類プリインストール。
インストール手順
クリックでコピー
1
Plugin Marketplace を追加（初回のみ）
2
スキルをインストール
Mac / Windows 共通コマンドです
✓ 運営検証レポート
検証日 2026-05-19
10分
所要時間
運営
検証者
どんな skill か
React + TypeScript + Tailwind CSS + shadcn/ui（40 種類以上プリインストール）を使い、Claude.ai 内で表示可能な複雑なインタラクティブアプリを構築する Anthropic 公式 skill。出力は単一の bundle.html ファイル（JS と CSS をすべてインライン化）。
どんな人に向くか
- 複雑な状態管理やルーティングが必要な UI を1ファイルで配布したい人
- shadcn/ui を活用して統一感ある対話型 Web ツールを作りたい人
- 自己完結型 Web アプリのプロトタイプを素早く作りたいエンジニア
どんな人に向かないか
- 非エンジニア（プログラミング経験必須）
- 静的ランディングページ程度で十分な人（→ frontend-design へ）
ライセンス
Apache-2.0。商用利用 OK。
⚠️ このスキルは運営による実機検証はまだ行っていません。掲載は実在確認のみ済み。
!
ライセンス
未確認
非商用。個人利用・社内利用は可能ですが、再配布・販売は禁止されています。
公式ライセンスを確認 →公式リポジトリ
https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder