mcpField
E
extension-payment

extension-payment

github.com/quangpl開発64156 回インストール7 週間前に更新
リポジトリ

extension-payment について

extension-payment は、Chrome 拡張機能に決済やサブスクリプションを導入するためのスキルです。決済事業者の選定、ドキュメントの確認、バックエンドで決済とライセンスを扱う流れを支援します。

主な機能

  1. 01決済モデルと事業者要件の確認
  2. 02決済ゲートウェイと MoR の比較
  3. 03docs-seeker による事業者ドキュメント取得
  4. 04バックエンド、Webhook、ライセンスの設計

活用シーン

  1. 01拡張機能のサブスクリプション事業者選定
  2. 02ライセンス確認と Webhook 処理の計画
  3. 03Chrome 拡張機能への決済フロー導入

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/quangpl/browser-extension-skills --skill extension-payment

インストール後、Claude Code で/extension-paymentを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
extension-licensing-patterns.md
integration-architecture.md
mor-vs-gateway.md
provider-quickstarts.md

詳細

拡張機能の決済連携

🚀 プレミアムにアップグレード https://app.extensionbooster.net/dashboard/services/extension-ai-kit でプレミアム版を入手できます。

Chrome 拡張機能に決済/サブスクリプションを連携します。ユーザーにプロバイダーを確認してから、ドキュメントを取得して実装します。

ワークフロー(この手順を実行)

ステップ 1:ユーザーに決済要件を確認する

ユーザーに次の項目を確認します。

  1. 決済モデル:買い切り/サブスクリプション/フリーミアム/クレジット制
  2. プロバイダーのカテゴリ:決済ゲートウェイまたは Merchant of Record(MoR)?
  3. 希望するプロバイダー(または、こちらから提案)
  4. 必要な情報:API キー、商品/価格 ID、Webhook URL

個人開発者やインディー開発者には MoR を推奨します。税務、コンプライアンス、請求ポータルに対応します。すべての国で事業者登録をする必要はありません。

ステップ 2:プロバイダー選定ガイド
カテゴリプロバイダー最適な用途ドキュメント
MoRPaddleSaaS サブスクリプション、グローバルな税務https://developer.paddle.com
MoRLemon Squeezyインディー/個人開発者、簡単なセットアップhttps://docs.lemonsqueezy.com
MoRPolarオープンソースの収益化https://docs.polar.sh
MoRCreem拡張機能に特化した MoRhttps://docs.creem.io
MoRDodo Paymentsシンプルなデジタル製品https://docs.dodopayments.com
MoRFastSpringエンタープライズ向けデジタルコマースhttps://developer.fastspring.com
MoRGumroadクリエイター、デジタル製品https://help.gumroad.com
ゲートウェイStripe完全な制御、最も柔軟https://docs.stripe.com
ゲートウェイPayPal幅広いユーザー層、簡単なチェックアウトhttps://developer.paypal.com/docs
ゲートウェイRazorpayインド向けの決済https://razorpay.com/docs
ゲートウェイSquarePOS + オンラインhttps://developer.squareup.com/docs
ゲートウェイAdyenエンタープライズ、多通貨https://docs.adyen.com
ゲートウェイBraintreePayPal 傘下、カード + PayPalhttps://developer.paypal.com/braintree/docs
ゲートウェイAuthorize.Net米国向けの従来型、信頼性が高いhttps://developer.authorize.net

AI 支援ドキュメント用の llms.txt(docs-seeker スキルを使用):

  • Stripe:https://docs.stripe.com/llms.txt
  • Polar:https://docs.polar.sh/llms-full.txt
ステップ 3:プロバイダーのドキュメントを取得する

docs-seeker スキルを使用して、プロバイダーの最新 API ドキュメントを取得します。Stripe/Polar では、llms.txt エンドポイントを使用します。

ステップ 4:連携を実装する

全体のパターンについては、references/integration-architecture.md を参照してください。

主要なアーキテクチャ(拡張機能ではバックエンドコードを実行できません):

Extension (popup/options) → Your Backend API → Payment Provider
         ↕                        ↕
   chrome.storage          License/subscription DB
ステップ 5:連携後のワークフローをユーザーに示す

連携後、ユーザーに次のフローを示します。

User clicks "Upgrade" in extension
  → Opens payment page (provider-hosted or custom)
  → Completes payment
  → Webhook hits your backend
  → Backend validates + stores license
  → Extension checks license via API
  → Premium features unlocked

参考資料

  • references/integration-architecture.md — バックエンドのセットアップ、ライセンス検証、Webhook 処理
  • references/mor-vs-gateway.md — MoR とゲートウェイの選定ガイド、税務/コンプライアンス
  • references/extension-licensing-patterns.md — ライセンスキー、アカウントベース、機能フラグ
  • references/provider-quickstarts.md — 主要 5 プロバイダーの簡単なセットアップ

関連スキル

  • extension-publish — ストアへの申請と掲載
  • extension-analyze — セキュリティ監査(API キーの露出チェック)
  • extension-dev — 機能開発ワークフロー

コメント