playground
インタラクティブな HTML プレイグラウンドを作成。視覚的なコントロール、ライブプレビュー、コピーボタン付きのプロンプト出力を備えた単一ファイルの探索ツール。デザイン、データ探索、コンセプトマップ、文書批評のテンプレートを含む。
導入
公式マーケットプレイスが未追加なら先に実行
- カテゴリ
- 開発
- 作者
- Anthropic
こんな用途に
- コンポーネント、レイアウト、余白、色、タイポグラフィなどのデザインを決める
- SQL、API、パイプライン、正規表現のデータ・クエリ探索ツールを作る
- 学習や範囲整理のためのコンセプトマップを作る
- 提案ごとに承認・却下・コメントする形で文書をレビューする
始め方
- Claude Code で /plugin install playground@claude-plugins-official を実行する
- テーマを伝えてインタラクティブな playground を作るよう Claude に頼む
- 生成された単一の HTML ファイルで操作し、プレビューを見て、出力されたプロンプトを Claude に貼り戻す
プロジェクトの説明をもとに AI がまとめました。利用前に公式ドキュメントをご確認ください。
似たツール
- agent-sdk-dev公式プラグイン · 開発
Claude Agent SDK を使った開発キット
- clangd-lsp公式プラグイン · 開発
コードインテリジェンスのための C/C++ 言語サーバー（clangd）
- code-modernization公式プラグイン · 開発
あらゆるレガシーコードベースのガイド付きモダナイゼーション。/modernize で開始し、評価、インタラクティブなマップ、コードから抽出した業務ルール、承認用の計画を得た後、アップグレード・書き直し・再構築を実施し、新コードが旧コードと同じ挙動をすることを独立に検証。セキュリティ強化、1 ページのレポート、専門エージェント、任意のライブ進捗ペイン（早期アクセス）を含む。
- csharp-lsp公式プラグイン · 開発
コードインテリジェンスのための C# 言語サーバー
- feature-dev公式プラグイン · 開発
コードベース探索、アーキテクチャ設計、品質レビューの専門エージェントを備えた機能開発ワークフロー
出典 anthropics/claude-plugins-official · 更新日 2026年10月11日 · 著作権は各作者に帰属します