【2026年最新】AIコーディングスキルおすすめ15選|Claude Code・Cursor対応
【2026年最新】AIコーディングスキルおすすめ15選|Claude Code・Cursor対応
最終更新: 2026年2月18日
AIコーディングツールの出力品質を高めるAIスキル(プロンプト・設定ファイル)。数百種類のスキルの中から、実際にダウンロードされている人気スキルを厳選して15本紹介します。
すべてAgentSkills.tokyoで無料ダウンロードできます。
AIコーディングスキルの選び方 3つのポイント
ポイント1: 自分の技術スタックに合っているか
ReactならReact専用のスキル、PythonならPython専用のスキルを選びましょう。汎用的すぎるスキルより、特定のフレームワーク・言語に特化したスキルの方が出力品質は高くなります。
ポイント2: 対応ツールを確認する
スキルによって対応するAIツールが異なります。Claude Code専用(SKILL.md形式)、Cursor対応(.cursorrules形式)、複数ツール対応など、自分が使っているツールに対応しているか確認しましょう。
ポイント3: ダウンロード数とレーティング
AgentSkills.tokyoでは各スキルのダウンロード数と評価が公開されています。多くのユーザーに使われているスキルは、品質が検証されている証拠です。
おすすめAIスキル15選 比較一覧
| # | スキル名 | カテゴリー | 対応ツール | おすすめ度 |
|---|---|---|---|---|
| 1 | Frontend Design(Claude公式) | デザイン | Claude Code | ★★★★★ |
| 2 | MCP Builder(Claude公式) | 開発 | Claude Code | ★★★★★ |
| 3 | Next.js + Supabase PWA開発 | 開発 | Claude Code / Cursor | ★★★★★ |
| 4 | 日本向けLP制作ガイド | デザイン | Claude Code | ★★★★☆ |
| 5 | Python Django REST開発ガイド | 開発 | Claude Code / Cursor | ★★★★☆ |
| 6 | SEOブログ記事作成ガイド | マーケティング | Claude Code | ★★★★☆ |
| 7 | Word文書操作(Claude公式) | ドキュメント | Claude Code | ★★★★★ |
| 8 | Excel/スプレッドシート操作(Claude公式) | データ | Claude Code | ★★★★★ |
| 9 | Playwright E2Eテスト開発ガイド | 開発 | Claude Code / Cursor | ★★★★☆ |
| 10 | Web App Testing(Claude公式) | 開発 | Claude Code | ★★★★☆ |
| 11 | Webバナーデザイン制作ガイド | デザイン | Claude Code | ★★★★☆ |
| 12 | Skill Creator(Claude公式) | 開発 | Claude Code | ★★★★☆ |
| 13 | Ruby on Rails 8 開発ガイド | 開発 | Claude Code / Cursor | ★★★★☆ |
| 14 | Doc Co-authoring(Claude公式) | ドキュメント | Claude Code | ★★★★☆ |
| 15 | TypeScript LLMマルチプロバイダ設計 | 開発 | Claude Code / Cursor | ★★★☆☆ |
各スキルの詳細レビュー
1位: Frontend Design(Claude公式)
Anthropicが公式に提供するフロントエンドデザインスキルです。汎用的な「AIっぽいデザイン」を明確に排除し、大胆なタイポグラフィ・レイアウト・背景で印象的なWebインターフェースを生成します。
- 対応ツール: Claude Code
- カテゴリー: デザイン
- 特徴: Inter、Roboto、紫グラデーションなどの「テンプレ感」を禁止。ランディングページ、ダッシュボード、Reactコンポーネントに対応
- おすすめの人: フロントエンド開発者、Webデザイナー
[Frontend Design をダウンロード →](https://agentskills.tokyo/skills/claude-frontend-design)
2位: MCP Builder(Claude公式)
LLMが外部サービスと連携するためのMCP(Model Context Protocol)サーバーを構築するガイドスキル。設計→実装→テスト→評価の4フェーズで高品質なMCPサーバーを開発できます。
- 対応ツール: Claude Code
- カテゴリー: 開発
- 特徴: TypeScript / Python両対応。Zod/Pydanticスキーマ、10問の評価テスト自動生成
- おすすめの人: MCPサーバーを作りたい開発者
[MCP Builder をダウンロード →](https://agentskills.tokyo/skills/claude-mcp-builder)
3位: Next.js + Supabase PWA開発
Next.js 14、Supabase、Shadcn/ui、PWAを統合したフルスタック開発ガイド。認証フロー、RLS、リアルタイム、Server Actions、オフラインサポートまで網羅しています。
- 対応ツール: Claude Code / Cursor
- カテゴリー: 開発
- 特徴: Supabase Auth、Row Level Security、Zustand状態管理、Drizzle ORM
- おすすめの人: フルスタック開発者、個人開発者
[Next.js + Supabase PWA をダウンロード →](https://agentskills.tokyo/skills/supabase-nextjs-pwa)
4位: 日本向けLP制作ガイド
日本市場特化のランディングページ制作スキル。12セクション構成テンプレート、業種別カラーパレット6種、モバイルスティッキーCTAなど、日本LP特有のノウハウを凝縮しています。
- 対応ツール: Claude Code
- カテゴリー: デザイン
- 特徴: Nano Banana Pro画像生成連携、日本語キャッチコピーテンプレート
- おすすめの人: LP制作者、マーケター
[日本向けLP制作ガイド をダウンロード →](https://agentskills.tokyo/skills/japanese-lp-design)
5位: Python Django REST開発ガイド
Django + Django REST Framework によるスケーラブルなWebアプリケーション開発のベストプラクティス。
- 対応ツール: Claude Code / Cursor
- カテゴリー: 開発
- 特徴: CBV、ORM最適化(N+1防止)、Celery非同期処理、セキュリティ対策
- おすすめの人: Pythonバックエンド開発者
[Django REST開発ガイド をダウンロード →](https://agentskills.tokyo/skills/python-django-rest)
6位: SEOブログ記事作成ガイド
日本市場特化のSEO記事作成スキル。キーワード調査、記事構成設計、E-E-A-T信号、JSON-LD構造化データ、Nano Banana Pro画像生成まで統合した包括ワークフロー。
- 対応ツール: Claude Code
- カテゴリー: マーケティング
- 特徴: Know/Do/Buy型別テンプレート、AI Overview対策、30項目チェックリスト
- おすすめの人: ブロガー、コンテンツマーケター
[SEOブログ記事作成ガイド をダウンロード →](https://agentskills.tokyo/skills/seo-blog-writing-japan)
7〜8位: Word / Excel操作(Claude公式)
Anthropic公式のドキュメント操作スキル。Claude Codeの標準機能としてWord文書の作成・編集やExcelのデータ分析・数式管理を実行できます。
[Word文書操作 →](https://agentskills.tokyo/skills/claude-docx) / [Excel操作 →](https://agentskills.tokyo/skills/claude-xlsx)
9〜10位: テスト系スキル
Playwright E2Eテストガイドとウェブアプリテスティング(Claude公式)。テストコード自動生成からブラウザデバッグまで対応。
[Playwright E2E →](https://agentskills.tokyo/skills/playwright-e2e-testing) / [Web App Testing →](https://agentskills.tokyo/skills/claude-webapp-testing)
11〜15位: その他おすすめスキル
- Webバナーデザイン: Google/Meta/LINE広告バナー + Nano Banana Pro画像生成 → ダウンロード
- Skill Creator(Claude公式): AIスキル作成ガイド → ダウンロード
- Ruby on Rails 8: Rails 8 + Hotwire + Kamal 2 → ダウンロード
- Doc Co-authoring(Claude公式): ドキュメント共同執筆 → ダウンロード
- TypeScript LLM設計: マルチプロバイダLLMアーキテクチャ → ダウンロード
目的別おすすめスキル
フロントエンド開発者におすすめ
- Frontend Design(Claude公式)
- Next.js + Supabase PWA開発
- 日本向けLP制作ガイド
バックエンド開発者におすすめ
- Python Django REST開発ガイド
- Ruby on Rails 8開発ガイド
- MCP Builder(Claude公式)
マーケター・ブロガーにおすすめ
- SEOブログ記事作成ガイド
- Webバナーデザイン制作ガイド
- 日本向けLP制作ガイド
非エンジニアにおすすめ
- Word文書操作(Claude公式)
- Excel/スプレッドシート操作(Claude公式)
- Doc Co-authoring(Claude公式)
よくある質問(FAQ)
Q1. スキルは無料ですか?
はい、AgentSkills.tokyoに掲載されているすべてのスキルは無料でダウンロードできます。
Q2. Claude Code以外でも使えますか?
スキルによって対応ツールが異なります。各スキルの詳細ページで対応ツール(Claude Code、Cursor、Copilot等)を確認してください。多くのスキルは.cursorrules形式に変換可能です。
Q3. スキルをカスタマイズできますか?
はい、ダウンロードしたスキルファイルはテキストファイルなので、自分のプロジェクトに合わせて自由にカスタマイズできます。
まとめ
2026年のAIコーディングスキルは、Anthropic公式スキルの充実と、日本市場特化スキルの登場で大きく進化しました。
まずは自分の技術スタックに合ったスキルを1つインストールしてみてください。AIの出力品質の違いを実感できるはずです。
すべてのスキルはAgentSkills.tokyoで無料ダウンロード可能です。
この記事を書いた人 AgentSkills.tokyo編集部 | AIスキルマーケットプレイス運営チーム