概要
Claude Codeの公式プラグインである「Frontend Design Plugin」の導入方法を簡単にまとめる。
方法
公式プラグインの導入方法は参考文献先でも紹介はされているが、あえてFrontend Design Pluginに特化した手順を残しておきたい。
-
PCの任意のディレクトリで下記を実行してClaude Codeを起動
claude -
Claude Codeの入力欄に
/pluginと入力し、Enterを押下
-
「3. Add marketplace」を選択してEnterを押下
-
「anthropics/claude-code」と入力してEnterを押下
-
下記のように公式プラグイン一覧が表示されるので「frontend-design」を選択して、Enterを押下
-
Install nowを選んでEnterを押下
-
「Installed frontend-design. Restart Claude Code to load new plugins.」と出ていたら導入は完了している
参考文献