📚 マンガで分かるスキルカタログ

あなたに最適な
Claude Code / Codex スキルを見つけよう

増え続けるスキル・MCPの中から、初心者がいま入れるべきものだけを、日本語の解説とマンガで厳選紹介。

⭐ 定番スキル

まず入れておきたい必携スキル。

using-superpowers
スーパーパワーの使い方
⚙️ 自動化・効率化
by obra241,358

会話開始時にスキルを適切に呼び出す方法を確立します。どんな質問や応答の前にも、関連スキルを確認することが必須です。

#skills#workflow#best-practice#automation
詳細を見る →
claude-handoff
会話の引き継ぎ
📦 その他
by mattpocock155,969

現在の会話を新しいエージェントにスムーズに引き継ぐ機能です。作業を中断せずに別のエージェントが続きを担当できます。

#handoff#automation#collaboration#productivity
詳細を見る →
code-review
コードレビュー
✨ コードを良くする
by mattpocock155,969

コード変更を標準準拠と仕様実装の二軸でチェック。リポジトリのコーディング標準に従っているか、仕様通りに実装されているかを並列で評価し、結果をまとめます。

#code-review#coding-standards#specs#refactoring
詳細を見る →
frontend-design
フロントエンドデザイン
🎨 デザイン
by Anthropic155,788

UIデザインで個性的なビジュアルアイデンティティを作成するためのガイド。既存のテンプレート的なデザインを避け、意図的なタイポグラフィや配色の選択を支援します。

#UI#typography#visual-design#aesthetics
詳細を見る →
deep-research
ディープリサーチ
📊 調べる・分析
by Shubhamsaboo116,080

複数の情報源を統合して引用付きで分析できる研究アシスタント。信頼性の高い情報をまとめたい時に最適です。

#research#analysis#citations#synthesis
詳細を見る →
skill-creator
スキルクリエイター
🛠 コードを作る
by Anthropic155,788

新しいスキルを作成したり、既存のスキルを改良したりできます。スキルの性能を測定・最適化するのにも役立ちます。

#skill-development#optimization#evaluation#claude
詳細を見る →

🔥 注目のスキル

いま勢いのあるスキルをスコア順で。

finishing-a-development-branch
開発ブランチの仕上げ
✨ コードを良くする
by obra241,358

開発作業の完了時に、マージやプルリクエストの選択肢を提示して作業を整理します。テストの確認から始まり、環境に応じた適切な選択肢を提供します。

#git#workflow#branch#merge
詳細を見る →
triage
課題トリアージ
⚙️ 自動化・効率化
by mattpocock155,969

プロジェクトの課題やPRを状態管理し、分類・検証・質問を通して適切な対応ステータスに振り分けます。エージェントがすぐに対応できるように整理されたブリーフを作成します。

#triage#issues#pr#workflow
詳細を見る →
to-prd
会話からPRD自動生成
✍️ 文章・資料を書く
by mattpocock155,969

今までの会話内容を元に、プロダクト要件定義書(PRD)を自動生成します。開発チームの進捗管理がスムーズに!

#documentation#prd#product-management#automation
詳細を見る →
to-issues
計画を課題に分割する
🛠 コードを作る
by mattpocock155,969

プロジェクトの計画や仕様書を、縦方向のスライスに基づいて独立した課題に分割します。これにより、各課題は単体で完結し、デモや検証が可能になります。

#issue-management#project-planning#task-breakdown#vertical-slices
詳細を見る →
tdd
テスト駆動開発
✅ テスト・チェック
by mattpocock150,760

テスト駆動開発(TDD)は、テストを先に書いてから機能を実装する開発手法です。テストを先行させることで、コードの品質を高め、バグを未然に防ぐことができます。

#tdd#testing#integration-test#refactoring
詳細を見る →
improve-codebase-architecture
コードベースのアーキテクチャ改善
✨ コードを良くする
by mattpocock150,760

コードベースをスキャンして改善点を見つけ、視覚的なHTMLレポートで提案します。選んだ改善点について深掘りして設計を詰められます。

#architecture#refactoring#code-quality#design-patterns
詳細を見る →
resolving-merge-conflicts
Gitマージ競合の解決
⚙️ 自動化・効率化
by mattpocock150,760

Gitのマージやリベースで発生する競合を解決するスキルです。コードの変更意図を理解しながら、安全に競合を解消する方法を学びます。

#git#merge#conflict#version-control
詳細を見る →
prototype
プロトタイプ作成
🎨 デザイン
by mattpocock150,760

デザインやロジックの検証に役立つ使い捨てのプロトタイプを作成します。UIの見た目や状態モデルの妥当性を素早くチェックできます。

#prototype#design#ui#logic
詳細を見る →
codebase-design
コードベース設計
✨ コードを良くする
by mattpocock150,349

深いモジュール設計のための共有言語。テスト容易性や保守性を高め、AIが理解しやすいコード構造を作る際に役立ちます。

#design#architecture#modularity#testing
詳細を見る →

✨ 新着

最近カタログに追加されたスキル。

agent-governance
エージェントガバナンス
✨ コードを良くする
by github36,160

AIエージェントの安全性と信頼性を確保するためのパターンと技術。ツールの使用制限や監査ログの作成などを通じて、エージェントの操作を制御します。

#AI#Governance#Safety#Trust
詳細を見る →
adobe-illustrator-scripting
Adobe Illustratorスクリプティング
⚙️ 自動化・効率化
by github36,160

Adobe Illustratorの作業を自動化するExtendScript(JavaScript/JSX)の書き方やデバッグをサポート。ドキュメント操作やバッチ処理をプログラムで効率化できます。

#illustrator#automation#extendscript#design
詳細を見る →
add-educational-comments
教育的コメントの追加
🔍 コードを理解する
by github36,160

指定されたコードファイルに教育目的のコメントを追加し、初心者から上級者まで理解しやすい学習リソースに変えます。ファイルが指定されていない場合は、適切なファイルを選択できるようにサポートします。

#education#comments#documentation#learning
詳細を見る →
acquire-codebase-knowledge
コードベース理解サポート
🔍 コードを理解する
by github36,160

既存のコードベースをマッピングし、7種類のドキュメントを自動生成します。プロジェクトの全体像を素早く把握したい時に便利です。

#documentation#onboarding#codebase#architecture
詳細を見る →
academic-paper-reviewer
学術論文レビュアー
✨ コードを良くする
by Imbad020236,179

5人の専門家が多角的に論文を査読。編集長・査読者3名・反対意見役が、研究方法・専門性・異分野視点・論理的矛盾をチェックし、構造化された査読結果を提供します。

#academic#review#research#peer-review
詳細を見る →
task-coordination-strategies
タスク調整戦略
📦 その他
by wshobson37,498

複雑なタスクを分解し、依存関係を設計しながら、複数の作業者で効率的に進める方法を学べます。チーム作業の負荷分散や進捗管理に最適です。

#task-management#teamwork#productivity#workflow
詳細を見る →