checkout-components

Installation
SKILL.md

Checkout Components

Purpose

Production-ready Next.js UI components for Stripe payment integration with TypeScript, Tailwind CSS, and accessibility features. Provides complete checkout flows, subscription management, and payment form components.

Security Requirements

CRITICAL: API Key Handling

When using these components:

  • Never hardcode Stripe publishable keys in components
  • ALWAYS use environment variables: NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
  • Use placeholders in all examples: pk_test_your_stripe_publishable_key_here
  • Never commit actual API keys to git
  • Always add .env files to .gitignore
Related skills

More from vanman2024/ai-dev-marketplace

Installs
5
GitHub Stars
10
First Seen
Feb 11, 2026