recur-portal

Automate customer self-service subscription management with a Recur portal.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/flsteven87/three_kingdoms_strategy --skill recur-portal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recur-portal
Source: https://github.com/flsteven87/three_kingdoms_strategy/tree/main/.agents/skills/recur-portal
Command: npx skills add https://github.com/flsteven87/three_kingdoms_strategy --skill recur-portal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enable subscribers to self-manage their subscriptions and billing through a Recur Customer Portal, reducing support workload and improving retention.

Core Features & Use Cases

  • Server-side portal session creation using a secret key to generate a redirect URL for the customer portal.
  • React frontend integration with a Portal Button to launch the portal from the account page.
  • Account management workflows: view active subscriptions, update payment methods, cancel/reactivate or switch plans, and view billing history.
  • Configuration and security guidance: portal settings, short-lived sessions, and authentication checks.

Quick Start

Deploy the FastAPI backend and React frontend, configure Recur secret keys and frontend URL, then navigate to the account page to access the customer portal.

Frequently Asked Questions about recur-portal

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

FAQPage Schema
How do I add a self-service subscription management portal to my FastAPI and React application?

To add a subscription management portal, you create a server-side portal session in FastAPI using a secret key to generate a redirect URL, then add a React frontend button to route users to the hosted customer portal for billing self-service.

What billing actions can customers perform themselves through a Recur customer portal?

Through a Recur customer portal, customers can independently view active subscriptions, update payment methods, cancel or reactivate plans, upgrade subscriptions, and view their complete billing history without needing support assistance.

How do I securely create a customer portal session for subscription management?

You securely create a customer portal session by using your Recur secret key on the server side to generate a short-lived redirect URL, ensuring authentication checks are passed before granting subscribers access to the billing portal.

Do I need a backend server to integrate a React subscription billing portal?

Yes, you need a FastAPI backend server to handle portal session creation with your secret key, while the React frontend provides the button to redirect users to the securely generated portal URL.

What configuration is required to launch a self-service billing portal for subscribers?

Launching a self-service billing portal requires configuring your Recur secret keys and frontend URL, deploying the FastAPI backend and React frontend, and setting up short-lived portal sessions with proper authentication checks.

Why use a hosted customer portal for subscription management instead of building custom billing UI?

Using a hosted customer portal reduces support workload and improves retention by securely automating subscription management workflows, allowing customers to self-serve billing tasks without exposing sensitive payment logic to your frontend.