Agent skill

Nextjs Stripe Integration

by Microck in Microck/ordinary-claude-skills

Add Stripe payment processing to Next.js projects. An agent skill from Microck/ordinary-claude-skills.

Custom licenceAuto-check: notesBackend & APIs

Install Nextjs Stripe Integration

skills CLI
$ npx skills add Microck/ordinary-claude-skills --skill nextjs-stripe-integration -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Microck/ordinary-claude-skills nextjs-stripe-integration --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Microck/ordinary-claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills_all/nextjs-stripe-integration .claude/skills/nextjs-stripe-integration && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
nextjs-stripe-integration
GitHub stars
403
Token cost
~2.7k tokens
SKILL.md length
937 words
Files
2
Skills in repo
91
Repo updated
First seen
Licence
Custom licence

At a glance

Add Stripe payment processing to Next.js projects. An agent skill from Microck/ordinary-claude-skills.

  • Works in 6 steps: Environment Setup & Runtime Loading → One-Time Payments (Checkout) - Modern… → Subscriptions → …
  • Adding Stripe to a Next.js project
  • SKILL.md covers ⚠️ CRITICAL: Breaking Changes…, Quick Start Checklist, Core Implementation Patterns and Implementation Guide, plus 5 more sections
  • Calls stripe and npm; needs STRIPE_SECRET_KEY and NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY

What it does

Nextjs Stripe Integration is an agent skill from Microck/ordinary-claude-skills. Add Stripe payment processing to Next.js projects. Implement checkout sessions, payment handling, subscriptions, webhooks, and customer management. Use when adding Stripe to a Next.js project, building payment flows, implementing subscriptions, or integrating payment processing.

Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `metadata.json`).

It sits in Backend & APIs, covering Webhooks. It works with Stripe and Next.js. The repository describes itself as: An unappealing collection of Claude Skills and resources.

When your agent uses it

  • Adding Stripe to a Next.js project
  • Building payment flows
  • Implementing subscriptions
  • Integrating payment processing

Example prompts

  • “/nextjs-stripe-integration”

Requirements

  • Node.js
  • A credential in NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
  • A credential in STRIPE_SECRET_KEY

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Environment Setup & Runtime Loading
  2. One-Time Payments (Checkout) - Modern Approach
  3. Subscriptions
  4. Webhook Handling
  5. Authentication Middleware Configuration
  6. Customer Portal

What it can do on your machine

Read from SKILL.md and the folder at commit 1056d29. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • stripe
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • vercel.com
    • pedroalonso.net
    • stripe.com
    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • STRIPE_SECRET_KEY
    • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
    • STRIPE_WEBHOOK_SECRET

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nextjs Stripe Integration loads about 2.7k tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 937 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~76
When it runs · the whole SKILL.md, loaded when a task matches
~2.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:30
    ISHABLE_KEY` and `STRIPE_SECRET_KEY` to `.env.local`
  • NoteMentions a .env fileSKILL.md:43
    # .env.local
  • NoteMentions a .env fileSKILL.md:165
    4. Add keys to `.env.local`
  • NoteMentions a .env fileSKILL.md:166
    5. Add `.env.local` to `.gitignore`

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 937 words (~2,710 tokens).

“This Skill teaches Claude how to implement Stripe payment processing in Next.js projects, including one-time payments, subscriptions, webhooks, and customer management. Based on real-world implementation experience with modern Stripe APIs and authentication frameworks.”

— opening of SKILL.md by Microck, Custom licence
name
nextjs-stripe-integration

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in skills_all/nextjs-stripe-integration of Microck/ordinary-claude-skills.

  • SKILL.md
  • metadata.json

Open the folder on GitHubat commit 1056d29

Compare with similar skills

Nextjs Stripe Integration next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nextjs Stripe Integration compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nextjs Stripe Integration this skillMicrock/ordinary-claude-skills403—~2.7kAutomated safety check: NotesCustom licence
Stripe Integration Expertalirezarezvani/claude-skills28k1 repos~3.7kAutomated safety check: PassMIT
Stripe Integration Expertborghei/Claude-Skills881—~1.6kAutomated safety check: PassMIT
Stripe Appsfossasia/eventyay1.7k2 repos~3.6kAutomated safety check: PassApache-2.0
Stripe Best Practiceskanchengw/cnllm1753 repos~925Automated safety check: PassApache-2.0
Cashier Stripe Developmentluadotsh/lua3431 repos~1.2kAutomated safety check: PassMIT

Similar skills

  • Stripe Integration Expert

    alirezarezvani/claude-skills

    Production-grade Stripe integrations: subscriptions with trials and proration, one-time payments, usage-based billing, checkout sessions, idempotent webhook handlers, customer portal, and invoicing.

    28k GitHub starsUsed in 1 repo~3.7k tokens
    Backend & APIsAuto-check passed
  • Stripe Integration Expert

    borghei/Claude-Skills

    Implement Stripe integrations for SaaS billing: subscriptions, checkout, proration, usage- based billing, idempotent webhooks, customer portal, dunning, and SCA.

    881 GitHub stars~1.6k tokensUpdated yesterday
    Backend & APIsAuto-check passed
  • Stripe Apps

    fossasia/eventyay

    A skill your agent uses when building, modifying, or reviewing a Stripe App — or when the user describes something that implies one (e.g.

    1.7k GitHub starsUsed in 2 repos~3.6k tokens
    Backend & APIsAuto-check passed
  • Stripe Best Practices

    kanchengw/cnllm

    Guides Stripe integration decisions — API selection (Checkout Sessions vs PaymentIntents), Connect platform setup (Accounts v2, controller properties), billing/subscriptions, Treasury financial…

    175 GitHub starsUsed in 3 repos~925 tokens
    Backend & APIsAuto-check passed
  • Handles Laravel Cashier Stripe integration including subscriptions, webhooks, Stripe Checkout, invoices, charges, refunds, trials, coupons, metered billing, and payment failure handling.

    343 GitHub starsUsed in 1 repo~1.2k tokens
    Backend & APIsAuto-check passed
  • Wires an app to the Yalidine (Guepex) Algerian courier API: parcels, zone lookups, delivery fees and verified delivery-status webhooks.

    346 GitHub stars~2.5k tokensUpdated 2 days ago
    Backend & APIsAuto-check passed

More from Microck/ordinary-claude-skills

All 91 skills in this repo
  • Every Style Editor

    Microck/ordinary-claude-skills

    This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide.

    403 GitHub starsUsed in 3 repos~1.2k tokens
    Auto-check passed
  • Gemini Imagegen

    Microck/ordinary-claude-skills

    Generate and edit images using the Gemini API (Nano Banana Pro).

    403 GitHub starsUsed in 3 repos~1.6k tokens
    Auto-check passed
  • Andrew Kane Gem Writer

    Microck/ordinary-claude-skills

    Write Ruby gems following Andrew Kane's proven patterns and philosophy.

    403 GitHub starsUsed in 2 repos~1.2k tokens
    Auto-check passed
  • Codex

    Microck/ordinary-claude-skills

    Execute Codex CLI for code analysis, refactoring, and automated code changes.

    403 GitHub starsUsed in 2 repos~2.8k tokens
    Auto-check passed
  • Docs Review

    Microck/ordinary-claude-skills

    Review documentation changes for compliance with the Metabase writing style guide.

    403 GitHub starsUsed in 2 repos~1.8k tokens
    Auto-check: notes
  • File Todos

    Microck/ordinary-claude-skills

    This skill should be used when managing the file-based todo tracking system in the todos/ directory.

    403 GitHub starsUsed in 2 repos~1.9k tokens
    Auto-check passed

Works with

Categories

Questions about Nextjs Stripe Integration

What does Nextjs Stripe Integration do?

Add Stripe payment processing to Next.js projects. An agent skill from Microck/ordinary-claude-skills. Nextjs Stripe Integration is an agent skill from Microck/ordinary-claude-skills.js projects.

When should I use Nextjs Stripe Integration?

Nextjs Stripe Integration fits situations like: adding Stripe to a Next.js project; building payment flows; implementing subscriptions; integrating payment processing.

How do I install Nextjs Stripe Integration in Claude Code?

Run `npx skills add Microck/ordinary-claude-skills --skill nextjs-stripe-integration -a claude-code`. Or copy the skill folder (skills_all/nextjs-stripe-integration in Microck/ordinary-claude-skills) into .claude/skills/nextjs-stripe-integration in your project. Claude Code loads it when a task matches its description.

How do I install Nextjs Stripe Integration in Codex?

Run `npx skills add Microck/ordinary-claude-skills --skill nextjs-stripe-integration -a codex`. Or copy the skill folder (skills_all/nextjs-stripe-integration in Microck/ordinary-claude-skills) into .agents/skills/nextjs-stripe-integration in your project. Codex loads it when a task matches its description.

Can I use Nextjs Stripe Integration in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Microck/ordinary-claude-skills --skill nextjs-stripe-integration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nextjs-stripe-integration, .gemini/skills/nextjs-stripe-integration, .github/skills/nextjs-stripe-integration and .opencode/skills/nextjs-stripe-integration in your project.

What does Nextjs Stripe Integration need to run?

Going by SKILL.md and its folder, Nextjs Stripe Integration needs the command-line tools its instructions call (stripe and npm) and credentials named STRIPE_SECRET_KEY, NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY and STRIPE_WEBHOOK_SECRET. Our summary lists: Node.js; A credential in NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY; A credential in STRIPE_SECRET_KEY.

Does Nextjs Stripe Integration access the network?

SKILL.md names 4 domains. As links in the text: vercel.com, pedroalonso.net, stripe.com and github.com. This is read from the text; nothing was executed.

Is Nextjs Stripe Integration safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Nextjs Stripe Integration use?

Nextjs Stripe Integration has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Nextjs Stripe Integration use?

About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nextjs Stripe Integration?

Skills that share tags, products or a category with Nextjs Stripe Integration: Stripe Integration Expert (alirezarezvani/claude-skills, 28k stars), Stripe Integration Expert (borghei/Claude-Skills, 881 stars), Stripe Apps (fossasia/eventyay, 1.7k stars) and Stripe Best Practices (kanchengw/cnllm, 175 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nextjs Stripe Integration?

Microck (a GitHub user) maintains it in Microck/ordinary-claude-skills, which has 403 GitHub stars. The repository holds 91 skills in this directory. The repository was last updated on September 6, 2026.

Source: Microck/ordinary-claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.