Installation

$ npx skills add quangpl/browser-extension-skills --skill extension-payment

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared

Cursor Not declared

Codex Not declared

GitHub Copilot Not declared

Windsurf Not declared

Gemini CLI Not declared

Cline Not declared

OpenCode Not declared

Repository health

Stars 48

License LICENSE

Default branch main

Open issues 1

Status Active

Package contents

Files included with this skill beyond the listing page.

skill md SKILL.md 3,746 B

docs SUMMARY.md 225 B

History

Mar 27, 2026 First seen on skills.sh

Sep 9, 2026 First recorded snapshot · 115 installs

SKILL.md

Extension Payment Integration

Integrate payment/subscription into a Chrome extension. Ask user for provider, then fetch docs and implement.

Workflow (Execute This)

Step 1: Ask user for payment requirements

Ask the user to confirm:

Payment model: One-time purchase / Subscription / Freemium / Credits-based
Provider category: Payment Gateway or Merchant of Record (MoR)?
Preferred provider (or let us recommend)
Required info: API keys, product/price IDs, webhook URL

Recommend MoR for solo/indie developers — handles tax, compliance, billing portal. No need to register as a business in every country.

Step 2: Provider selection guide

Category	Provider	Best For	Docs
MoR	Paddle	SaaS subscriptions, global tax	https://developer.paddle.com
MoR	Lemon Squeezy	Indie/solo devs, simple setup	https://docs.lemonsqueezy.com
MoR	Polar	Open source monetization	https://docs.polar.sh
MoR	Creem	Extension-focused MoR	https://docs.creem.io
MoR	Dodo Payments	Simple digital products	https://docs.dodopayments.com
MoR	FastSpring	Enterprise digital commerce	https://developer.fastspring.com
MoR	Gumroad	Creators, digital products	https://help.gumroad.com
Gateway	Stripe	Full control, most flexible	https://docs.stripe.com
Gateway	PayPal	Wide user base, easy checkout	https://developer.paypal.com/docs
Gateway	Razorpay	India-focused payments	https://razorpay.com/docs
Gateway	Square	POS + online	https://developer.squareup.com/docs
Gateway	Adyen	Enterprise, multi-currency	https://docs.adyen.com
Gateway	Braintree	PayPal-owned, cards + PayPal	https://developer.paypal.com/braintree/docs
Gateway	Authorize.Net	US legacy, reliable	https://developer.authorize.net

llms.txt for AI-assisted docs (use docs-seeker skill):

Stripe: https://docs.stripe.com/llms.txt
Polar: https://docs.polar.sh/llms-full.txt

Step 3: Fetch provider docs

Use docs-seeker skill to fetch the provider's latest API docs. For Stripe/Polar, use llms.txt endpoints.

Step 4: Implement the integration

See references/integration-architecture.md for the full pattern.

Key architecture (extensions cannot run backend code):

Extension (popup/options) → Your Backend API → Payment Provider
         ↕                        ↕
   chrome.storage          License/subscription DB

Step 5: Show user the post-integration workflow

After integration, show the user this flow:

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

references/integration-architecture.md — Backend setup, license validation, webhook handling
references/mor-vs-gateway.md — MoR vs Gateway decision guide, tax/compliance
references/extension-licensing-patterns.md — License key, account-based, feature flags
references/provider-quickstarts.md — Quick setup for top 5 providers

Related Skills

extension-publish — Store submission and listing
extension-analyze — Security audit (API key exposure check)
extension-dev — Feature development workflow

extension-payment