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

skybridge

Guide developers through creating and updating ChatGPT and MCP apps. Covers the full lifecycle: brainstorming ideas against UX guidelines, bootstrapping projects, implementing tools/views, debugging, running dev servers, deploying and connecting apps to ChatGPT. Use when a user wants to create or update a ChatGPT app, MCP app, MCP server or use the Skybridge framework.

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

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

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

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

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

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

🎯 この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
同梱ファイル
1

📖 Skill本文(日本語訳)

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

[Skill 名] skybridge

LLM 向けアプリの作成

これらは、ツールとカスタム UI ビューを通じて AI アシスタントを拡張する会話型エクスペリエンスです。会話中に呼び出される MCP サーバーとして構築されます。

⚠️ アプリは、人間AI アシスタント LLM の 2 人のユーザーによって同時に利用されます。彼らはビューを介して協力します。人間はビューを操作し、LLM はその状態を認識します。コードを記述する前にこれを理解してください。ビューは共有の表面です。

SPEC.md は、アプリの要件と設計上の決定を追跡します。アプリの作業中は常に最新の状態に保ってください。

SPEC.md がない場合 → まず discover.md をお読みください。SPEC.md が作成されるまで、他の作業は行わないでください。

SPEC.md が存在する場合 → SPEC.md を読み、次に architecture.md に従って変更を設計してください。SPEC.md を更新し、コードを記述する前に以下の関連する実装リファレンスをお読みください。

セットアップ

  1. テンプレートのコピーcopy-template.md: SPEC.md が準備された新しいプロジェクトを開始する場合
  2. ローカルでの実行run-locally.md: テストの準備ができた場合、開発サーバーまたは ChatGPT/Claude 接続が必要な場合

アーキテクチャ

UX フローと API の形状を設計または進化させる → architecture.md

実装

  • データのフェッチとレンダリングfetch-and-render-data.md: サーバーハンドラーとビューデータフェッチを実装する場合
  • 状態とコンテキストstate-and-context.md: ビュー UI の状態を永続化し、LLM コンテキストを更新する場合
  • LLM のプロンプトprompt-llm.md: ビューが LLM 応答をトリガーする必要がある場合
  • UI ガイドラインui-guidelines.md: 表示モード、レイアウト制約、テーマ、デバイス、ロケール
  • 外部リンクopen-external-links.md: 外部 URL にリダイレクトする場合、または「アプリで開く」ターゲットを設定する場合
  • OAuthoauth.md: ツールがユーザー固有のデータにアクセスするためにユーザー認証を必要とする場合
  • CSPcsp.md: フェッチ、アセット、リダイレクト、または iframe の許可ドメインを宣言する場合

デプロイ

  • 本番環境への出荷deploy.md: Alpic を介してデプロイする準備ができた場合
  • ChatGPT/Claude ディレクトリへの公開publish.md: レビューのために提出する準備ができた場合

完全な API ドキュメント: https://docs.skybridge.tech/api-reference.md

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Creating Apps For LLMs

Those are conversational experiences that extend AI assistants through tools and custom UI views. They're built as MCP servers invoked during conversations.

⚠️ The app is consumed by two users at once: the human and the AI Assistant LLM. They collaborate through the view—the human interacts with it, the LLM sees its state. Internalize this before writing code: the view is your shared surface.

SPEC.md keeps track of the app's requirements and design decisions. Keep it up to date as you work on the app.

No SPEC.md? → Read discover.md first. Nothing else until SPEC.md exists.

SPEC.md exists? → Read SPEC.md, then follow architecture.md to design the change. Update SPEC.md, then read the relevant Implementation references below before writing code.

Setup

  1. Copy templatecopy-template.md: when starting a new project with ready SPEC.md
  2. Run locallyrun-locally.md: when ready to test, need dev server or ChatGPT/Claude connection

Architecture

Design or evolve UX flows and API shape → architecture.md

Implementation

  • Fetch and render datafetch-and-render-data.md: when implementing server handlers and view data fetching
  • State and contextstate-and-context.md: when persisting view UI state and updating LLM context
  • Prompt LLMprompt-llm.md: when view needs to trigger LLM response
  • UI guidelinesui-guidelines.md: display modes, layout constraints, theme, device, and locale
  • External linksopen-external-links.md: when redirecting to external URLs or setting "open in app" target
  • OAuthoauth.md: when tools need user authentication to access user-specific data
  • CSPcsp.md: when declaring allowed domains for fetch, assets, redirects, or iframes

Deploy

  • Ship to productiondeploy.md: when ready to deploy via Alpic
  • Publish to ChatGPT/Claude Directoriespublish.md: when ready to submit for review

Full API docs: https://docs.skybridge.tech/api-reference.md