frontend-design
デザイン品質の高い、個性的で本番品質のフロントエンドインターフェースを作成。ありがちな AI 風デザインを避けた、洗練されたコードを生成。
導入
公式マーケットプレイスが未追加なら先に実行
- カテゴリ
- 開発
- 作者
- Anthropic
こんな用途に
- 方向性のはっきりしたダッシュボードや設定パネルを作る
- スタートアップ向けなどのランディングページを作る
- タイポグラフィ、配色、アニメーションまで作り込んだ本番用フロントエンドコードを生成する
始め方
- Claude Code で /plugin install frontend-design@claude-plugins-official を実行する
- 「Create a dashboard for a music streaming app」のように作りたい画面を伝える
- フロントエンドの作業では 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日 · 著作権は各作者に帰属します