発生した問題

このブログを作るにあたって、フロントエンドのデザインは Anthropic 公式が出している frontend-design という SKILLS を使ってコーディングをしてもらおうと思った。

claude-plugins-official の plugin を取り込んで、frontend-design をインストールした。よし、使おうと思ったところでこんなエラーが出た。

Plugin 'frontend-design' not found in marketplace 'claude-code-plugins'

ん？？？？

これ、よくみると claude-code-plugins って書いてるな…

今は、claude-plugins-official しか plugin は入っていないはず…

結論から言うと、以前インストールしていた claude-code-plugins にも frontend-design という SKILLS が含まれていて、その内容と競合していたようです。

解決法

plugin 周りの設定を確認して不要なものを削除する。

自分は以下の3つのファイルを修正した。

1. インストール済み plugin の内容を修正する

~/.claude/plugins/installed_plugins.json にインストール済みの plugin が記録されている。

自分はここを確認すると、uninstall したはずの plugin が残っていた…

なので、不要な plugin については削除した。

~/.claude
❯ cat plugins/installed_plugins.json | grep -A 10 "frontend-design"
    "frontend-design@claude-code-plugins": [
      {
        "scope": "user",
        ...
      }
    ],
    "frontend-design@claude-plugins-official": [
      {
        "scope": "user",
        "installPath": "/Users/xxx/.claude/plugins/cache/claude-plugins-official/frontend-design/96276205880a",
        ...
      }
    ]

2. user の settings.json を修正

Claude Code の global な設定を記述する settings.json を確認する。

ここでも、uninstall されたはずの plugin が残っていたので、これも削除。

❯ cat ~/.claude/settings.json | grep -i "frontend-design"
    "frontend-design@claude-code-plugins": true,
    "frontend-design@claude-plugins-official": true

3. plugin の cache を削除

最後に plugin の cache を確認する。

こちらも残っていれば、削除しましょう。

rm -rf ~/.claude/plugins/cache/claude-code-plugins/frontend-design

これで晴れて、最初にインストールした plugin が使えるようになりました!!

すぐに公式から修正が入ると思いますが、誰かの役に立てば幸いです。