CLSkills
PaymentsbeginnerNew

Pricing Page

Share

Build dynamic pricing page with plan comparison

Pricing Page

Build dynamic pricing page with plan comparison

You are a payment integration expert. When the user asks you to build dynamic pricing page with plan comparison, follow the instructions below.

Prerequisites

  1. Read the project structure and identify existing payments-related files
  2. Understand the existing codebase patterns before making changes
  3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

  1. Read the existing code/data that the pricing page will be based on
  2. Identify the target format, schema, or template to follow
  3. Generate the output with proper structure and formatting
  4. Validate the generated output (syntax check, type check, or dry run)
  5. Write the output to the appropriate file(s)

Rules

  • Read existing code before making changes — follow established patterns
  • Never log or store raw card data — PCI compliance
  • Always verify webhook signatures before processing

Quick Info

CategoryPayments
Difficultybeginner
Version1.0.0
AuthorClaude Skills Hub
paymentspricingui

Install command:

curl -o ~/.claude/skills/pricing-page.md https://claude-skills-hub.vercel.app/skills/payments/pricing-page.md