【完全保存版】 Claude Codeでの開発に取り入れたい、 10の『Agent Skills』 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 探索。壁打ち。デザイン。 ブラウザ操作。試作。デバッグ。 画像からの実装。 エージェントの連携。ツールづくり。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 アイデアを詰めるところから、 実装・検証・再利用まで。 それぞれの工程を支えるスキルをまとめました 👇 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 01 find-skills やりたいことに合うスキルを探す。 02 grill-me 質問を重ねて、アイデアや設計の曖昧さを詰める。 03 frontend-design 配色・文字・レイアウトを整え、意図のあるUIを作る。 04 agent-browser ブラウザを操作して、画面の確認や情報の取得を進める。 05 prototype まず動くものを作り、アイデアを試す。 06 diagnosing-bugs バグの再現から原因の切り分け、修正・回帰テストまで。 07 skill-creator 自分の作業手順をスキルにして、評価・改善する。 08 image-to-code デザイン画像を読み解き、フロントエンドの実装につなげる。 09 subagent-driven-development タスクごとにサブエージェントへ任せ、レビューを挟みながら実装する。 10 mcp-builder 外部サービスやAPIと連携するMCPサーバーを作る。 必要な能力を探す → アイデアを詰める → 作る → 動きを確かめる → 次も使える手順にする この流れで見ると、 それぞれのスキルの使いどころが分かる。 保存して、まずは今の作業に合う1つから。