jpskill.com
✍️ ライティング コミュニティ

context7

外部ライブラリ（React、Next.jsなど）のAPIやベストプラクティスについて質問された際、最新のドキュメントをContext7 APIで取得し、古い情報に頼らずに正確な情報を提供するSkill。

📜 元の英語説明(参考)

Fetch up-to-date library documentation via Context7 API. Use PROACTIVELY when: (1) Working with ANY external library (React, Next.js, Supabase, etc.) (2) User asks about library APIs, patterns, or best practices (3) Implementing features that rely on third-party packages (4) Debugging library-specific issues (5) Need current documentation beyond training data cutoff (6) AND MOST IMPORTANTLY, when you are installing dependencies, libraries, or frameworks you should ALWAYS check the docs to see what the latest versions are. Do not rely on outdated knowledge. Always prefer this over guessing library APIs or using outdated knowledge.

🇯🇵 日本人クリエイター向け解説

一言でいうと

外部ライブラリ（React、Next.jsなど）のAPIやベストプラクティスについて質問された際、最新のドキュメントをContext7 APIで取得し、古い情報に頼らずに正確な情報を提供するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o context7.zip https://jpskill.com/download/17142.zip && unzip -o context7.zip && rm context7.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/17142.zip -OutFile "$d\context7.zip"; Expand-Archive "$d\context7.zip" -DestinationPath $d -Force; ri "$d\context7.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して context7.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → context7 フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
2

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Context7 ドキュメンテーションフェッチャー

Context7 API を介して現在のライブラリドキュメントを取得します。

重要: CONTEXT7_API_KEY は、Context7 スキルがインストールされているスキルフォルダの .env ファイルに保存されています。そこを探してください。.env ファイルは隠しファイルです。

例: ~/.agents/skills/context7/.env ~/.claude/skills/context7/.env

ワークフロー

1. ライブラリの検索

python3 ~/.codex/skills/context7/scripts/context7.py search "<library-name>"

例:

python3 ~/.codex/skills/context7/scripts/context7.py search "next.js"

ステップ 2 で必要な id フィールドを含むライブラリメタデータを返します。

2. ドキュメントコンテキストの取得

python3 ~/.codex/skills/context7/scripts/context7.py context "<library-id>" "<query>"

例:

python3 ~/.codex/skills/context7/scripts/context7.py context "/vercel/next.js" "app router middleware"

オプション:

  • --type txt|md - 出力形式 (デフォルト: txt)
  • --tokens N - レスポンストークンの制限

クイックリファレンス

タスク コマンド
React ドキュメントの検索 search "react"
React hooks 情報の取得 context "/facebook/react" "useEffect cleanup"
Supabase の検索 search "supabase"
Supabase 認証の取得 context "/supabase/supabase" "authentication row level security"

使用するタイミング

  • ライブラリに依存する機能を実装する前
  • 現在の API シグネチャが不明な場合
  • ライブラリのバージョン固有の動作について
  • ベストプラクティスとパターンを検証するため
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Context7 Documentation Fetcher

Retrieve current library documentation via Context7 API.

IMPORTANT: CONTEXT7_API_KEY IS STORED IN THE .env FILE IN THE SKILL FOLDER THAT THE CONTEXT7 SKILL IS INSTALLED IN. SEARCH FOR IT THERE. .env FILES ARE HIDDEN FILES.

Example: ~/.agents/skills/context7/.env ~/.claude/skills/context7/.env

Workflow

1. Search for the library

python3 ~/.codex/skills/context7/scripts/context7.py search "<library-name>"

Example:

python3 ~/.codex/skills/context7/scripts/context7.py search "next.js"

Returns library metadata including the id field needed for step 2.

2. Fetch documentation context

python3 ~/.codex/skills/context7/scripts/context7.py context "<library-id>" "<query>"

Example:

python3 ~/.codex/skills/context7/scripts/context7.py context "/vercel/next.js" "app router middleware"

Options:

  • --type txt|md - Output format (default: txt)
  • --tokens N - Limit response tokens

Quick Reference

Task Command
Find React docs search "react"
Get React hooks info context "/facebook/react" "useEffect cleanup"
Find Supabase search "supabase"
Get Supabase auth context "/supabase/supabase" "authentication row level security"

When to Use

  • Before implementing any library-dependent feature
  • When unsure about current API signatures
  • For library version-specific behavior
  • To verify best practices and patterns

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。