jpskill.com
💬 コミュニケーション コミュニティ

mcp-context7

AngularやFirebaseなど主要ライブラリの公式ドキュメントから、APIの使い方やベストプラクティスを正確に確認するSkill。

📜 元の英語説明(参考)

Use the Context7 MCP server (@upstash/context7-mcp) to fetch authoritative, version-appropriate library documentation snippets (Angular, NgRx Signals, Firebase, RxJS, Playwright); use when you must confirm API usage, signatures, or best practices without relying on memory.

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

一言でいうと

AngularやFirebaseなど主要ライブラリの公式ドキュメントから、APIの使い方やベストプラクティスを正確に確認するSkill。

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

⬇ このSkillをダウンロード(.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-17
取得日時
2026-05-17
同梱ファイル
1

📖 Skill本文(日本語訳)

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

[スキル名] mcp-context7

MCPスキル: Context7 (ドキュメント検索)

範囲

このリポジトリで使用されているライブラリのドキュメントコンテキストを取得するために、.vscode/mcp.json で context7 として設定されたMCPサーバーを使用します。

前提条件

  • .vscode/mcp.json に context7 サーバーが含まれていることを確認してください。
  • CONTEXT7_API_KEY 入力が利用可能であることを確認してください（VS Code MCP入力プロンプトが要求します）。

運用ルール

  • 記憶が間違っている可能性が意味のある場合（新しいAngularバージョン、新しいNgRx Signals API、Firebase SDKの変更など）は、APIの正確性のためにContext7を使用してください。
  • 主要なドキュメント参照を優先し、大きなブロックを引用しないでください。

このリポジトリでの典型的な使用例

  • Angular 20の制御フローとシグナル相互運用API。
  • NgRx Signals (signalStore、withState、withMethods、rxMethod、tapResponse)。
  • AngularFire / FirebaseモジュラーAPI。
  • PlaywrightテストAPI。

プロンプトテンプレート

  • 「<library> の <symbol> の正しいAPI/シグネチャを調べてください（ターゲットバージョン: Angular ~20、@ngrx/signals ~20）。最小限の使用例を提供してください。」
  • 「Angular 20でObservableをSignalに変換する際のベストプラクティスを、クリーンアップのセマンティクスを含めて確認してください。」

出力要件

  • 正しく実装するために必要な最小限のスニペットを提供してください。
  • バージョンの仮定を明示的に示してください（package.json のバージョンと一致させてください）。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

MCP Skill: Context7 (Docs Lookup)

Scope

Use the MCP server configured as context7 in .vscode/mcp.json to retrieve documentation context for libraries used in this repo.

Preconditions

  • Ensure .vscode/mcp.json contains the context7 server.
  • Ensure the CONTEXT7_API_KEY input is available (the VS Code MCP input prompt will request it).

Operating Rules

  • Use Context7 for API correctness when there is a meaningful chance memory is wrong (new Angular versions, new NgRx Signals APIs, Firebase SDK changes).
  • Prefer primary documentation references; do not quote large blocks.

Typical Uses In This Repo

  • Angular 20 control flow and signals interop APIs.
  • NgRx Signals (signalStore, withState, withMethods, rxMethod, tapResponse).
  • AngularFire / Firebase modular APIs.
  • Playwright test APIs.

Prompt Templates

  • "Look up the correct API/signature for <symbol> in <library> (target versions: Angular ~20, @ngrx/signals ~20). Provide minimal usage example."
  • "Confirm best practice for converting Observable to Signal in Angular 20, including cleanup semantics."

Output Requirements

  • Provide the minimal snippet needed to implement correctly.
  • Call out version assumptions explicitly (match package.json versions).