hoppscotch
Hoppscotchは、APIエンドポイントのテストやデバッグ、REST/GraphQL/WebSocket APIの検証、APIコレクションの作成などを、オープンソース環境で効率的に行うことを支援するSkill。
📜 元の英語説明(参考)
Test and debug APIs with Hoppscotch. Use when a user asks to test API endpoints, debug REST/GraphQL/WebSocket APIs, create API collections, or find a Postman alternative that's open-source.
🇯🇵 日本人クリエイター向け解説
Hoppscotchは、APIエンドポイントのテストやデバッグ、REST/GraphQL/WebSocket APIの検証、APIコレクションの作成などを、オープンソース環境で効率的に行うことを支援するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o hoppscotch.zip https://jpskill.com/download/14984.zip && unzip -o hoppscotch.zip && rm hoppscotch.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/14984.zip -OutFile "$d\hoppscotch.zip"; Expand-Archive "$d\hoppscotch.zip" -DestinationPath $d -Force; ri "$d\hoppscotch.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
hoppscotch.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
hoppscotchフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
Hoppscotch
概要
Hoppscotch は、オープンソースの API 開発プラットフォームであり、Postman の軽量で高速な代替手段です。REST、GraphQL、WebSocket、SSE、Socket.IO、および MQTT をサポートしています。Web アプリ (hoppscotch.io)、デスクトップアプリ、またはセルフホストインスタンスとして利用可能です。
手順
ステップ 1: Docker を使用したセルフホスト
# docker-compose.yml — セルフホスト Hoppscotch
services:
hoppscotch:
image: hoppscotch/hoppscotch:latest
ports:
- "3000:3000" # メインアプリ
- "3100:3100" # 管理ダッシュボード
- "3170:3170" # バックエンド API
env_file: .env
depends_on:
- postgres
postgres:
image: postgres:16
environment:
POSTGRES_DB: hoppscotch
POSTGRES_USER: hoppscotch
POSTGRES_PASSWORD: ${DB_PASSWORD}
volumes:
- pgdata:/var/lib/postgresql/data
volumes:
pgdata:
ステップ 2: CLI を使用した API コレクション
# CLI のインストール
npm install -g @hoppscotch/cli
# ファイルからコレクションを実行
hopp test -e environment.json collection.json
# Hoppscotch インスタンスから実行
hopp test --server https://hoppscotch.mycompany.com --token $TOKEN collection-id
ステップ 3: Pre-request スクリプト
// Pre-request スクリプト — 各リクエストの前に実行
const token = pw.env.get("AUTH_TOKEN")
const expiry = pw.env.get("TOKEN_EXPIRY")
if (!token || Date.now() > Number(expiry)) {
const res = await pw.api.post("https://api.example.com/auth/token", {
body: JSON.stringify({
client_id: pw.env.get("CLIENT_ID"),
client_secret: pw.env.get("CLIENT_SECRET"),
}),
})
const data = JSON.parse(res.body)
pw.env.set("AUTH_TOKEN", data.access_token)
pw.env.set("TOKEN_EXPIRY", String(Date.now() + data.expires_in * 1000))
}
ガイドライン
- コレクションを使用して、エンドポイントを機能またはサービスごとに整理します。
- 環境変数を使用して、共有コレクションからシークレットを排除します。
- チームでの利用にはセルフホストが適しています。全員がコレクションと環境を共有できます。
- CLI を使用すると、CI/CD パイプラインで API テストを実行できます。
- Hoppscotch は、迅速な API テストにおいて Postman よりも高速です。hoppscotch.io でのアカウントは不要です。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Hoppscotch
Overview
Hoppscotch is an open-source API development platform — a lightweight, fast alternative to Postman. It supports REST, GraphQL, WebSocket, SSE, Socket.IO, and MQTT. Available as a web app (hoppscotch.io), desktop app, or self-hosted instance.
Instructions
Step 1: Self-Host with Docker
# docker-compose.yml — Self-hosted Hoppscotch
services:
hoppscotch:
image: hoppscotch/hoppscotch:latest
ports:
- "3000:3000" # main app
- "3100:3100" # admin dashboard
- "3170:3170" # backend API
env_file: .env
depends_on:
- postgres
postgres:
image: postgres:16
environment:
POSTGRES_DB: hoppscotch
POSTGRES_USER: hoppscotch
POSTGRES_PASSWORD: ${DB_PASSWORD}
volumes:
- pgdata:/var/lib/postgresql/data
volumes:
pgdata:
Step 2: API Collections with CLI
# Install CLI
npm install -g @hoppscotch/cli
# Run collection from file
hopp test -e environment.json collection.json
# Run from Hoppscotch instance
hopp test --server https://hoppscotch.mycompany.com --token $TOKEN collection-id
Step 3: Pre-request Scripts
// Pre-request script — runs before each request
const token = pw.env.get("AUTH_TOKEN")
const expiry = pw.env.get("TOKEN_EXPIRY")
if (!token || Date.now() > Number(expiry)) {
const res = await pw.api.post("https://api.example.com/auth/token", {
body: JSON.stringify({
client_id: pw.env.get("CLIENT_ID"),
client_secret: pw.env.get("CLIENT_SECRET"),
}),
})
const data = JSON.parse(res.body)
pw.env.set("AUTH_TOKEN", data.access_token)
pw.env.set("TOKEN_EXPIRY", String(Date.now() + data.expires_in * 1000))
}
Guidelines
- Use collections to organize endpoints by feature or service.
- Environment variables keep secrets out of shared collections.
- Self-host for teams — everyone shares collections and environments.
- CLI enables API testing in CI/CD pipelines.
- Hoppscotch is faster than Postman for quick API testing — no account required on hoppscotch.io.