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

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

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

⭐ 定番スキル

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

frontend-design
フロントエンドデザイン
🎨 デザイン
by Anthropic★ 155,788

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

#UI#typography#visual-design#aesthetics
詳細を見る →
skill-creator
スキルクリエイター
🛠 コードを作る
by Anthropic★ 155,788

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

#skill-development#optimization#evaluation#claude
詳細を見る →
mcp-builder
MCPサーバー開発ガイド
🛠 コードを作る
by Anthropic★ 155,788

LLMが外部サービスと連携できる高品質なMCP(Model Context Protocol)サーバーを作成するためのガイドです。Python(FastMCP)やNode/TypeScript(MCP SDK)を使って、APIやサービスを統合する際に役立ちます。

#MCP#LLM#API#Python
詳細を見る →
test-driven-development
テスト駆動開発
✅ テスト・チェック
by Addy Osmani★ 67,315

テストを先に書いてからコードを実装する開発手法です。バグ修正や機能追加の際に、コードの正しさを証明しながら進められます。

#TDD#testing#quality#development
詳細を見る →
systematic-debugging
体系的デバッグ
✨ コードを良くする
by obra/superpowers★ 1,320

バグやテスト失敗、想定外の挙動に遭遇したとき、修正案を出す前に原因を体系的に切り分けるためのスキルです。場当たり的な対処ではなく、再現・仮説・検証のステップを踏んで根本原因にたどり着くよう導きます。デバッグの精度を上げたいときに使います。

#debugging#troubleshooting#root-cause
詳細を見る →

🔥 注目のスキル

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

research
リサーチ
📊 調べる・分析
by mattpocock★ 250,480

信頼性の高い公式情報源を使って質問を調査し、結果をMarkdownファイルとして保存します。ユーザーが特定のトピックを調べたいときや、公式ドキュメントやAPI情報を集めたいときに便利です。

#research#documentation#automation#markdown
詳細を見る →
to-tickets
タスク分解ツール
⚙️ 自動化・効率化
by mattpocock★ 250,480

計画や仕様を小さいタスクに分解し、それぞれの依存関係を明確にします。タスクをトラッカーに公開する機能も備えています。

#tickets#planning#task-management#automation
詳細を見る →
wizard
ウィザード
⚙️ 自動化・効率化
by mattpocock★ 250,480

bashスクリプトを使って、手動で行う作業をステップバイステップで案内します。シークレットの設定やインフラのプロビジョニングなど、人間しかできない作業をサポートします。

#bash#automation#wizard#setup
詳細を見る →
wayfinder
道案内マップ
🔍 コードを理解する
by mattpocock★ 250,480

大きなプロジェクトの計画を共有マップとして可視化し、1つずつ課題を解決しながら目的地までの道筋を見つけます。

#planning#collaboration#project-management#decision-making
詳細を見る →
implement
コード実装
🛠 コードを作る
by mattpocock★ 250,480

仕様書やチケットに基づいてコードを実装します。テスト駆動開発を取り入れ、定期的な型チェックを行います。

#implementation#coding#tdd#spec
詳細を見る →
to-spec
仕様書を作成
🔍 コードを理解する
by mattpocock★ 250,480

会話内容を基にプロジェクトの仕様書を作成し、課題トラッカーに公開します。ユーザーに質問せず、既に話し合った内容をまとめます。

#spec#documentation#project#automation
詳細を見る →
api-design
REST API設計
🛠 コードを作る
by affaan-m★ 248,548

REST APIの設計パターンとベストプラクティスを学びます。URL構造、ステータスコード、ページネーション、フィルタリングなど、初心者にもわかりやすく解説します。

#api#design#rest#backend
詳細を見る →
brand-discovery
ブランドディスカバリー
📦 その他
by affaan-m★ 248,548

複数回のインタビューを通じて、ブランドのアイデンティティを発見し、明確化するための構造化された手法です。ブランドの目的や立ち位置、ターゲット、個性などを幅広くカバーします。

#branding#discovery#interview#identity
詳細を見る →
agent-introspection-debugging
エージェント内省デバッグ
✅ テスト・チェック
by affaan-m★ 248,548

AIエージェントが失敗した際に、系統的な自己デバッグを行い、再現可能な診断と回復を実現します。無駄なリトライを減らし、効率的な問題解決をサポートします。

#debugging#ai-agent#self-diagnosis#workflow
詳細を見る →

✨ 新着

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

scrapling-official
Scrapling公式
⚙️ 自動化・効率化
by D4Vinci★ 78,435

Webスクレイピングを簡単に実現するフレームワーク。Cloudflareなどのボット対策も自動で回避し、Pythonコードをほとんど書かずにデータ収集ができます。

#web-scraping#python#automation#data-extraction
詳細を見る →
constraint-driven-development
制約駆動開発
✨ コードを良くする
by addyosmani★ 92,285

プロジェクトの品質基準を文書化し、守られるようにサポートします。主要な品質指標をインタビュー形式で決定し、CONSTRAINTS.mdとして記録・管理します。

#quality#constraints#standards#testing
詳細を見る →
cloud-sync
クラウド同期
⚙️ 自動化・効率化
by thedotmack★ 93,205

cmem.ai Proアカウントとのクラウド同期を設定・確認するスキルです。メモリデータベースのバックアップや同期ステータスの確認に便利です。

#cloud-sync#backup#memory-database#cmem.ai
詳細を見る →
mem-setup
Claude-Mem 設定(クラウド同期ペアリング)
⚙️ 自動化・効率化
by thedotmack★ 93,205

Claude-Memプラグインにユーザーの認証情報を設定し、クラウド同期を可能にします。安全な認証情報の取り扱いが特徴です。

#claude-mem#setup#sync#configuration
詳細を見る →
mem-search
記憶検索
🔍 コードを理解する
by thedotmack★ 93,205

過去の作業内容を検索して参照できる便利な機能です。似た問題を解決した経験があれば、すぐに見つけ出せます。

#memory#search#reference#history
詳細を見る →
claude-mem-install
CursorにClaude-memをインストール
📦 その他
by thedotmack★ 93,205

Cursor IDEにClaude-memを簡単にセットアップできます。ローカルでもリモートでもスムーズに動作します。

#cursor#claude-mem#setup#installation
詳細を見る →