CLAUDE SKILL ／開発

web-artifacts-builder

React・Tailwind CSS・shadcn/ui を使い、claude.ai で動く複数の部品からなる本格的な HTML アーティファクトを作るための公式ツール群です。状態管理や画面遷移が必要な場合に向いています。

Anthropic公式

こんなときに使います

claude.ai 上で、画面が複数ある小さなアプリを作りたいとき

使う前に：1ファイルで済む簡単なものには向きません。

入れ方

下の文を Claude Code に貼ると、入れる前に中身の説明を受けられます。説明を読んで、実行するコマンドや外部への送り先に納得できたときだけ入れてください。リンク先は作者が書き換えることがあり、当サイトは安全を保証するものではありません。

https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder

このスキルを入れる前に、中身を読んで次の3つを説明して。まだ入れないで、私の返事を待って。
1. 何をするものか
2. 実行するコマンドやスクリプト
3. 外部に送るデータと送り先

GitHubで中身を見る →

基本情報

種類: スキル
分類: 開発
収録元: Anthropic公式スキル
掲載元: GitHub（Anthropic公式）

説明はGitHub（Anthropic公式）の内容をもとに、日本語でまとめ直したものです。確認日：2026-11-05

同じ分類のほかのスキル

開発の一覧を見る →