本記事は、Findyイベント「鹿野さんに聞く！Claude Codeをさらに加速させる私の推しツール」の登壇資料です。
Claude Codeの開発を加速させるための推しスキル・ツール・設定を紹介しています。
Claude Codeのためにターミナルを素早く起動したい
Raycastショートカット + スニペットを使う
- Raycastとは、様々な機能を呼び出せるランチャーアプリ
- Alfredやspotlightみたいなもの
- Raycastを使い、hotkeyキー1発でアプリを起動できるようにする
- Windowsでも動作する
- 私は
⌥⌘Tで起動させている- ターミナルのT
Claude Codeを素早く起動したい
- スニペットを使う
- 私はRaycastのスニペット機能を使っている
- 短い入力（例
c;）でClaude Codeを起動できるように
Claude Codeの起動と同時にプロンプトを実行したい
-
claude 依頼したいプロンプトと入力すると、Claude Code起動後にプロンプトが実行される - Claude Code起動待ちの短い時間を撲滅
- プロンプトを入力する
- Claude Codeが起動し、プロンプトが実行される
スペースや改行の含まれたプロンプトを入力する
"で囲めばOK
$ claude "https://github.com/tonkotsuboy/fugafuga/pull/97 の
レビューを確認し、必要に応じて返信しておいて。
レビュー結果についてSlackで私宛にtimes-kano-とんこつで投稿して"
Claude Codeに画像や画像内文字を伝えたい
CleanShot Xを使う
- スクショ
- CleanShot X でスクリーン上の任意の領域をスクショしてClaude Codeに貼り付け
- コピペできないテキスト
- OCR機能を使ってテキストをコピーできる
- PDF、画像内文字、他アプリのUIなどの中にある文字を貼り付けたい
- 画像を貼り付けて読み取らせるよりもトークン使用量が少ない
- CleanShot XはmacOS専用。Windowsの情報求む
GitHubのPRにスクショを貼り付けたい
自作スキル「upload-image-to-pr」を使う
- PRのdescriptionに画像を貼り付けられる自作スキル
- GitHub APIには画像を直接アップロードするエンドポイントが存在しない
- 仕組み
- Chrome DevTools MCPかPlaywrightを使いページを開く
- コメント欄に一度画像をアップロード
- 発行されたURLをPRに貼り付け
実行例
詳細補足
- ブラウザ自動化（Playwright MCP / Chrome DevTools MCP）でPRページを開く
- ブラウザにログインしておく
- コメント欄の
<input type="file">に画像ファイルをアップロード - GitHubがアップロードした画像に
https://github.com/user-attachments/assets/...という永続URLを発行 - そのURLを取得し、テキストエリアをクリアしてコメントは送信しない（URLだけを使う）
-
gh pr editCLIでPR説明文にURLを埋め込む
現在の作業環境を迷わず把握したい
ステータスラインを使う
- ステータスラインとは、Claude Codeの画面下部に任意の情報を表示できる機能
-
/statusline 表示したい内容を指定すれば、Claude Codeが設定してくれる - 私の表示は次のとおり
📂 ~/git/github.com/org/repo ← カレントディレクトリ
🐙 repo-name │ 🌿 main +2 ~3 ← リポジトリ名 | ブランチ名 | diff
🧠 ████████░░░░░░░ 53% │ 💪 claude-sonnet-4-6 ← コンテキスト | モデル
補足
-
~/.claude/settings.jsonに設定値が追加される - 設定の実体は
statusline.sh
{
"statusLine": {
"type": "command",
"command": "bash ~/.claude/statusline.sh",
"padding": 2
}
}
一つのリポジトリをたくさんクローンして並行作業したい
Raycastの自作ツール「Multi-Folder Git Clone」を使う
- AIエージェント時代では、1つのリポジトリに対して複数のClaude Codeを並列稼働させたい
- worktreeはNOT FOR MEだった
- エディターで追いづらい、見づらい
- worktreeを使うのなら
npx vibe-kanbanがよさそう
- 同じリポジトリを複数フォルダにクローンしつつ、自動採番するツールを作った
リポジトリ間を素早く移動したい
ghq + pecoを使う
- ghq
-
ghq getでクローンすると~/git/github.com/org/repoのような統一構造で保存される（保存先はghq.rootの設定値に依存。デフォルトは~/ghq） - 「どこにクローンするか」を毎回考えなくていい
-
ghq listで管理下のリポジトリ一覧をパス形式で出力できる
-
- peco
- ghqが管理するリポジトリ一覧をインタラクティブに絞り込み検索できるフィルタツール
- 選んだディレクトリに即移動
- 私は前述の自作ツールでクローンしており、ghqでクローンはしていない。
- ただし
ghq listは設定したルートディレクトリを自動スキャンしてくれるため、クローン方法を問わず既存のリポジトリを認識してくれる。これをもとにpecoで検索してる
- ただし
次の設定を、~/.zshrc にしている
function g() {
local selected_dir=$(ghq list -p | peco --query "$LBUFFER")
if [ -n "$selected_dir" ]; then
cd "${selected_dir}"
fi
}
Claude Codeから画像を大量生成したい
nano-banana-2-skillを使う
- nano-bananaは高品質だが、画像を作るために、Geminiアプリから起動するのは面倒
- nano-banana-2-skillを使えば、Claude Code上から画像をつくれる
- 試行錯誤しながら画像を修正できる
- 複数枚同時生成に対応できる
- 画像スタイル指定は、プロンプト集を使う
- 日本語インフォグラフィックにはbananaXが便利
呼び出し例
手戻りを減らしたい
Claude Codeのfeature-devプラグインを使う
- 複雑な仕様の場合、いきなり開発せず、まず壁打ちしてから始めたい
-
/feature-dev 作りたい機能と入力すると、コードベースの現状を把握し、必要に応じて深堀り質問してくれる - 要件が固まってからアーキテクチャ設計→実装→レビューまで行う
- 各フェーズで確認を挟むので「勝手に突き進んで手戻り」が起きにくい
- 複雑な機能開発に向いている。単純なバグ修正には不要
呼び出し例
7フェーズの流れ
1. Discovery … 要件の明確化・制約の洗い出し
2. Codebase探索 … 既存コードのパターンや類似機能を並列で調査
3. 質問 … 曖昧な点をすべて質問し、回答を待ってから次へ
4. アーキテクチャ設計 … 複数の設計案を提示し、トレードオフを比較
5. 実装 … 承認後にコーディング開始
6. コードレビュー … 品質・バグ・規約の3観点で並列レビュー
7. サマリー … 変更内容と次のステップをまとめ
あるコンテキストを持ったまま、複数の会話をしたい
/btw、/fork、/rewind、ccresumeを使う
/btw
- コンテキストを消費せずに、素早く質問できる
- そういえばこの技術の最近の流行り技術ってなんだっけ？みたいな質問に便利。
/fork
- 会話を分岐させる
- ここまでの会話コンテキストを踏まえて、複数作業を並列で進めてほしいときに便利
- セッションIDが発行されるので、そのIDを使って会話を分岐させる
- ちなみに、
-rで開始できるとか出力されるけど、多分出力がバグで--resume IDじゃないと動かない
- ちなみに、
claude --resume ID
/rewind
- 会話を巻き戻せる
- あのときの会話まで戻って作業をやり直したいみたいなときによく使っている。
- うん、すぐ行く、走っていく
寝ながらスマホで作業を依頼したい
Remote Controlを使う
- Claude Code Remote Controlを使うと、スマホのClaude.aiアプリからClaude Codeに作業指示を出せる
- Claude Codeのローカルセッションが動くので、カリカリに育て上げたローカルでしか動かないスキルも使える
- 寝ながら、移動中、風呂の中から開発作業を依頼できる
npm, pnpm, yarn等のパッケージマネージャーの違いに悩みたくない
niを使う
- 複数プロジェクトを扱っていると npm / yarn / pnpm / bun / deno が混在する
- コマンドの違いを毎回調べるのはムダ
- niを使えば、一つのコマンドで環境に応じたパッケージマネージャーを実行してくれる
- niはロックファイル（
package-lock.json,yarn.lock,pnpm-lock.yaml等）を検出して、自動的に適切なパッケージマネージャーのコマンドに変換してくれる
例
# インストール (package.jsonに応じてnpm/yarn/pnpm/bunを自動選択)
ni
# パッケージを追加
ni vite
ni パッケージ名 -D # 開発依存
# スクリプト実行
nr dev # npm run dev / yarn dev / pnpm dev / bun dev
nr build # npm run build / ...
もっとスキルを探したい
スキルマーケットプレイス（skillsmp.com）や、最近はGrok検索も便利
- skillsmp.com: スキルのマーケットプレイス。カテゴリ別にスキルを検索・インストールできる
- Grok（X/Twitterの検索AI）: 世界中のユーザーがXに投稿した有用なスキルをリアルタイム検索できる
Grokでエージェントスキルを探している様子。
ブログ化されてない情報を見つけたり、名前のユーザーの反応を見れて便利。
Claude Codeを理解したい
公式ドキュメントのAskAI機能が便利
- Claude Codeの公式ドキュメントには Ask AI 機能が搭載されている
- ドキュメントページ右下の「Ask AI」ボタンから、ドキュメント全体を対象にした質問ができる
- 野良の記事を頑張って探すより、一次ソースを使って調べるほうがわかりやすい
Claude Codeの最新情報を追いたい
XをRSS化し、obsidianに貯める
- Xでは開発者がTipsや最新情報を発信している
- Xのタイムラインを眺めると無駄情報が多く、メンタルが削られる
- ブックマークやリスト機能は、どんどん更新されて見逃しちゃう
- 以下のパイプラインを自作した
RSSHub (Docker)
↓ XのアカウントをRSSフィードに変換
Gemini API
↓ 英語ツイートを日本語に翻訳
ハイライト生成スクリプト
↓ 毎朝8:00に1日分のツイートをまとめ
nano-banana CLI (Gemini Flash)
↓ サムネイル画像を自動生成
Obsidian
← 日本語ハイライト + 画像をMarkdownで保存
アーカイブ動画
2026/03/12 アーカイブ動画が公開されました。
最後に
ここで紹介したものはほんの一部。
ぜひ皆さんの推しツール・スキル・設定を教えてください！知りたいです😍
また、Ubieでは、エンジニアはもちろんデザイナー、PO、管理職、人事にいたるまで、全員がClaude Codeを導入し、あらゆる業務を行っています。ぜひ一緒にUbieでAIネイティブな生活をしましょう。
4/24にCSS NiteでClaude Codeのイベントを行います。こちらもぜひご参加ください。
Discussion
Windowsは標準のSnipping Tool（Windows＋Shift＋Sで起動）で任意領域のスクショも、スクショのOCRもできますね！