add-stripe

Integrate Stripe Checkout and payment infrastructure into Next.js T3 projects.

34|6|Updated Jun 30, 2026
One-click install
npx skills add https://github.com/flavien-ia/hypervibe-harness --skill add-stripe-flavien-ia
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-stripe
Source: https://github.com/flavien-ia/hypervibe-harness/tree/main/skills/add-stripe
Command: npx skills add https://github.com/flavien-ia/hypervibe-harness --skill add-stripe-flavien-ia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stripe, @stripe/stripe-js, and includes scripts (resource) components.

What problem does it solve?

This skill removes the complexity of setting up secure online payment infrastructure, handling the intricate requirements of webhooks, API keys, and tRPC integration for you.

Core Features & Use Cases

  • Automated Infrastructure: Scaffolds server-side Stripe clients, secure webhook endpoints, and tRPC routers.
  • Development Workflow: Manages the transition between test and live modes, including local webhook listener setup.
  • Use Case: Quickly add a subscription model or one-time purchase checkout to your T3 web application without manually configuring Stripe's complex API requirements.

Quick Start

Use the add-stripe skill to configure payment infrastructure for my current project.

Frequently Asked Questions about add-stripe

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Stripe Checkout into a Next.js T3 project using tRPC?

Integrating Stripe Checkout into a Next.js T3 project involves scaffolding server-side Stripe clients and configuring tRPC routers for one-time or recurring payments. This setup securely manages API keys and handles webhook signature verification.

What is the best way to handle Stripe webhooks during local development?

Handling Stripe webhooks during local development requires setting up a secure webhook tunneling listener. This allows your local environment to securely receive and verify webhook events from Stripe before transitioning to live mode.

Can I use this Stripe payment setup for both one-time purchases and recurring subscriptions?

Yes, you can use this Stripe payment setup for both one-time purchases and recurring subscriptions. The tRPC router configuration supports initializing checkout sessions tailored to either single payments or ongoing subscription models.

How do you verify Stripe webhook signatures in a Next.js application?

Verifying Stripe webhook signatures in a Next.js application requires secure server-side endpoint initialization. The process validates incoming webhook payloads against your Stripe environment variables to ensure authentic event delivery.

Do I need to manually configure Stripe API keys for test and live modes?

You do not need to manually configure Stripe API keys across modes if your infrastructure manages environment variables securely. The setup handles the transition between test and live modes automatically through secure environment variable management.

Why is setting up online payment infrastructure complex in T3 stacks?

Setting up online payment infrastructure is complex in T3 stacks due to intricate webhook requirements, secure API key management, and tRPC router integration. This configuration eliminates the manual complexity of securely wiring these payment APIs together.