Claude Code frontend-designプラグイン

概要

frontend-design@claude-code-plugins はAnthropic公式のClaude Codeプラグイン。AIが生成しがちな汎用的なUI（AIスロップ）を防ぎ、洗練されたフロントエンドコードを出力させるスキル。

主な効果

• 大胆な配色・タイポグラフィの選択
• インパクトのあるアニメーション
• コンテキストに応じたビジュアルディテール
• デフォルトスタイルではなく意図的なデザイン

インストール

# Claude Code内で /plugin → マーケットプレイス → anthropics/claude-code → frontend-design

インストール後は「ダッシュボード作って」等の指示で自動適用される。

参考

• GitHub
• プラグインドキュメント