Open3
Claude Codeでreact-best-practicesスキルをadd-skillでインストールして使ってみた
鹿野 壮男は黙って！
$ npx skills add vercel-labs/agent-skills
今日vercelがリリースした10年分のReactとNext.jsの知見が詰まったreact-best-practices。
Claude Codeで早速インストールしてPRをレビューしてもらった。
インストール方法
スキルインストールに際して、Vercelが公開した「add-skill」を公開した。
これが便利で、Claude Code, Codex, Cursor等環境ごとにインタラクティブにスキルをインストールできる。
使い方は次のとおり。
$ npx add-skill vercel-labs/agent-skills
どの環境にインストールするかを選択しているところ。
使い方
開発中のPRについて、実際にレビューしてもらった。
「今回のPRについて、next.jsのベスト・プラクティスに沿っているかチェックして」と指示。
スキルが発動する。
レビュー結果が次の通り。
すごく・・・いいです・・・
結果的に、React.cacheを使えって言われた。
結論
男は黙って！
$ npx skills add vercel-labs/agent-skills
山崎大祐男は黙って！ありがとうございます。
鹿野 壮$ npx add-skill
↓
$ npx skills add
に変更になりました。