Anthropicの公式frontend-designプラグインがすごい
Before → After
Beforeのほうは目次が左にチラ見えしていたり、フォント設定画面が重なって表示されていたり、タイトルやフッターの配置がおかしかったりしています。
Afterはそれらがすべて解決されています。
目次やフォント設定も次のようにdrawerでちゃんと格納されるようになっています。
かなりやりますね。
インストール
ClaudeCodeを起動して以下のコマンドを順に実行します。 ( anthropicではなくanthropicsなので注意 )
/plugin marketplace add anthropics/claude-code/plugin install frontend-design@claude-code-plugins実行
以下のようなプロンプトで実行します。
use the frontend-design plugin to brush up UIあとは待つだけ。
デフォルトではAnthropicカラーになりますが、プロンプトでテーマを指定すればその色にしてくれます。