build-demo

Generate a self-contained interactive web demo app for an SDK with dynamic PSP discovery.

15|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/Basis-Theory-Labs/vibe-orchestration-skills --skill build-demo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-demo
Source: https://github.com/Basis-Theory-Labs/vibe-orchestration-skills/tree/main/.claude/skills/build-demo
Command: npx skills add https://github.com/Basis-Theory-Labs/vibe-orchestration-skills --skill build-demo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of interactive web-based demo applications for payment processor SDKs, streamlining the testing and demonstration process.

Core Features & Use Cases

  • Dynamic PSP Discovery: Automatically identifies supported Payment Service Providers (PSPs) based on the generated SDK, ensuring compatibility.
  • Multi-language Support: Generates demo servers in the same language as the SDK (e.g., Python, Go, TypeScript).
  • Interactive UI: Creates a single HTML file with a user-friendly interface for testing tokenization, authorization, capture, refund, and more.
  • Use Case: After generating a Python SDK for Stripe and Adyen, use this Skill to instantly create a web demo that allows you to test API calls against both PSPs through a simple UI.

Quick Start

Use the build-demo skill to generate an interactive demo application for the SDK found in the output directory.

Frequently Asked Questions about build-demo

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

FAQPage Schema
How do I generate an interactive web demo for testing payment processing SDKs?

You can generate an interactive web demo by creating a self-contained HTML UI and matching server files for testing payment processing operations like tokenization, authorization, capture, and refund against your SDK.

Can I build a demo server that matches my SDK's programming language?

Yes, the generated demo server matches the SDK's programming language, supporting multi-language environments like Python, Go, and TypeScript for seamless integration with your existing codebase.

How does dynamic PSP discovery work for SDK payment demonstrations?

Dynamic PSP discovery automatically identifies supported Payment Service Providers based on the generated SDK, ensuring the interactive web demo is fully compatible with the targeted payment processors for testing.

What is the best way to test tokenization and API calls across multiple payment service providers?

The best way to test tokenization and API calls is through a single-file HTML interface that connects to a generated demo server, allowing you to execute and validate payment operations across multiple PSPs.

Do I need to manually configure environment variables for an SDK payment demo application?

No, the generation process includes an example environment configuration file alongside the necessary project files, providing the required setup to immediately run the interactive demo application for your SDK.

What payment operations can I test with a generated single-file HTML demo UI?

You can test core payment operations including tokenization, authorization, capture, and refund through the generated single-file HTML UI, which interfaces directly with the dynamically discovered PSPs.