playground
✓インタラクティブな HTML プレイグラウンドを作成します。これは、ユーザーがコントロールを通じて視覚的に何かを設定したり、ライブ プレビューを確認したり、プロンプトをコピーしたりできる、自己完結型の単一ファイル エクスプローラーです。ユーザーがトピックのプレイグラウンド、エクスプローラー、または対話型ツールの作成を要求する場合に使用します。
SKILL.md
A playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and a prompt output at the bottom with a copy button. The user adjusts controls, explores visually, then copies the generated prompt back into Claude.
When the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.
Keep a single state object. Every control writes to it, every render reads from it.
インタラクティブな HTML プレイグラウンドを作成します。これは、ユーザーがコントロールを通じて視覚的に何かを設定したり、ライブ プレビューを確認したり、プロンプトをコピーしたりできる、自己完結型の単一ファイル エクスプローラーです。ユーザーがトピックのプレイグラウンド、エクスプローラー、または対話型ツールの作成を要求する場合に使用します。 ソース: anthropics/claude-plugins-official。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/anthropics/claude-plugins-official --skill playground- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-12
- 更新日
- 2026-02-18
クイックアンサー
playground とは？
インタラクティブな HTML プレイグラウンドを作成します。これは、ユーザーがコントロールを通じて視覚的に何かを設定したり、ライブ プレビューを確認したり、プロンプトをコピーしたりできる、自己完結型の単一ファイル エクスプローラーです。ユーザーがトピックのプレイグラウンド、エクスプローラー、または対話型ツールの作成を要求する場合に使用します。 ソース: anthropics/claude-plugins-official。
playground のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/anthropics/claude-plugins-official --skill playground インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/anthropics/claude-plugins-official
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-12