マンガで分かる 最新おすすめスキル・MCP大全集

Claude Code / Codex の最新おすすめスキル・MCPを日本語で探せる。

定番スキル

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

フロントエンドデザイン

デザイン

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

CC / Codex 両対応frontend-design

スキルクリエイター

AI・LLM

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

CC / Codex 両対応skill-creator

MCPサーバー開発ガイド

AI・LLM

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

CC / Codex 両対応mcp-builder

テスト駆動開発

テスト

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

CC / Codex 両対応test-driven-development

体系的デバッグ

デバッグ

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

CC / Codex 両対応systematic-debugging

注目のスキル

Claude APIを使ったアプリ開発

AI・LLM

Claude APIを使ってLLMアプリケーションを構築するスキルです。プロジェクトの言語を自動検出し、適切なSDKやHTTPリクエストでClaudeを呼び出せます。

Claude Codeclaude-api

フロントエンドデザイン

デザイン

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

CC / Codex 両対応frontend-design

スキルクリエイター

AI・LLM

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

CC / Codex 両対応skill-creator

ドキュメントの作成・編集・分析

ドキュメント

Word文書(.docxファイル)の作成、編集、分析をサポートします。表紙、目次、ページ番号など、プロフェッショナルなドキュメントを作成するのに役立ちます。

CC / Codex 両対応docx

Excelファイル操作

データ・DB

Excelファイル(.xlsx, .csvなど)の作成、編集、分析を簡単に行えます。データの整理や計算、書式設定も楽々です。

CC / Codex 両対応xlsx

PDF操作

コーディング

PDFファイルの読み書きや編集が簡単にできます。テキストや表の抽出、結合・分割、回転、透かし追加など多彩な機能を備えています。

CC / Codex 両対応pdf

PPTXスキル

デザイン

PPTXファイルの読み書きや編集、新しいスライドの作成など、プレゼンテーションに関するあらゆる作業をサポートします。テンプレートの活用やデザインの改善にも役立ちます。

CC / Codex 両対応pptx

ドキュメント共作ガイド

ドキュメント

技術文書や提案書を共同で作成する際の効率的なワークフローを提供します。3段階のプロセスで、初心者でも安心して質の高い文書を作成できます。

CC / Codex 両対応doc-coauthoring

Slack用GIFクリエイター

デザイン

Slackに最適化されたアニメーションGIFを作成するためのツールキットです。サイズ制約や最適化機能を備え、カラフルで目を引くGIFが簡単に作れます。

CC / Codex 両対応slack-gif-creator

社内コミュニケーション作成サポート

ドキュメント

進捗報告や社内報など、様々な社内文書を作成する際のフォーマットとコツを提供します。会社のスタイルに合わせた適切な表現を提案します。

CC / Codex 両対応internal-comms

ウェブアプリテスト支援

テスト

Playwrightを使ったローカルウェブアプリのテストをサポート。UIの動作確認やスクリーンショット撮影、ブラウザログの確認が簡単にできます。

Claude Codewebapp-testing

MCPサーバー開発ガイド

AI・LLM

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

CC / Codex 両対応mcp-builder

新着

エージェントスキルの使い方

AI・LLM

開発作業に最適なスキルを自動的に見つけて適用するメタスキルです。作業のフェーズに応じて適切なエンジニアリング手法を提案します。

CC / Codex 両対応using-agent-skills

仕様先行開発

コーディング

コードを書く前にしっかりとした仕様書を作成する開発手法です。要件が曖昧なときや新しいプロジェクトを始めるときに、チームの認識合わせに最適です。

CC / Codex 両対応spec-driven-development

ソースドリブン開発

コーディング

公式ドキュメントに基づいた信頼性の高いコードを実装する手法です。フレームワークやライブラリを使う際に、最新のベストプラクティスに沿った確かなコードを提供できます。

CC / Codex 両対応source-driven-development

安全なリリース準備

DevOps

本番環境へのデプロイを安全に行うためのチェックリストと戦略を提供します。段階的なロールアウトや監視設定、ロールバック計画までをカバーしています。

CC / Codex 両対応shipping-and-launch

セキュリティ強化

コーディング

ユーザー入力や認証、データ処理時のセキュリティ対策を強化します。外部からの攻撃に強い安全なコードを書くためのベストプラクティスを提供します。

CC / Codex 両対応security-and-hardening

計画とタスクの分解

コーディング

大きな仕事を小さなタスクに分解し、実装可能な単位に整理します。明確な仕様があるときや、仕事を並列化したいときに役立ちます。

CC / Codex 両対応planning-and-task-breakdown

パフォーマンス最適化

コーディング

アプリケーションの速度改善に役立つスキルです。計測→ボトルネック特定→改善→検証の流れで、ユーザー体験を向上させます。Web Vitals指標を基準に、フロントエンド/バックエンド両方の最適化が可能です。

CC / Codex 両対応performance-optimization

可観測性と計装

DevOps

本番環境でのコードの動作を可視化し、問題を診断できるようにする技術です。ログやメトリクス、トレースを追加する際に活用します。

CC / Codex 両対応observability-and-instrumentation

インタビューミー

AI・LLM

ユーザーが本当に求めていることを、一つずつ質問しながら引き出します。表面的な要望ではなく、本質的な意図を95%の確信度で把握するためのインタビュー手法です。

CC / Codex 両対応interview-me

インクリメンタル実装

コーディング

大きな機能を小さなステップに分割して実装する方法です。一度にすべてを作るのではなく、少しずつ完成させていきます。

CC / Codex 両対応incremental-implementation

アイデアを磨く

AI・LLM

漠然としたアイデアを具体的で実行可能なコンセプトに磨き上げます。ブレインストーミングと選び抜くプロセスを通じて、アイデアの潜在力を引き出します。

CC / Codex 両対応idea-refine

Gitワークフローとバージョン管理

コーディング

Gitを使った効率的なコード管理方法を学べます。安全に変更を加えながら、チームで協力して開発を進めるためのベストプラクティスを身につけましょう。

CC / Codex 両対応git-workflow-and-versioning