P
pawabloX
Documentation

How to Use pawabloX

Choose your platform and follow the simple steps to start building with pawabloX design system

P

What is pawabloX?

pawabloX is a ready-made design system that looks just like betPawa apps. It includes colors, fonts, spacing, and buttons in the betPawa style.

Just fork it the pawabloX template, and you can start building apps that look and feel like betPawa — no need to design everything from scratch!

✓ Colors & Typography✓ Spacing & Layout✓ Ready Components✓ betPawa Style

Choose v0 for frontend-only projects (UI components, landing pages, prototypes)

Choose Replit for full-stack projects that need backend functionality (APIs, databases, authentication)

Quick Start with v0
Get started in under 2 minutes with our pre-configured template

✅ Design system pre-configured • ✅ Ready to use • ✅ No setup required

Video Tutorial - v0 Usage
Watch how to use pawabloX with v0 in action
v0 Assistant Demo
Demo showing how to use @v0/system-prompt.txt with Replit Assistant
Step-by-Step Guide
Follow these simple steps to use pawabloX with v0
1

Access the Template

Click the "Open pawabloX Template in v0" button above to access our pre-configured template.

2

Sign in to v0

Sign in with your Vercel account (it's free!) and click "open in v0" to create your own copy.

3

Use the Master Prompt

We've created a master prompt that ensures AI-generated UIs follow betPawa-style design.

Master prompt location:

@docs/prompt/system-prompt.txt

To maintain consistent styling, you must reference this prompt in every new AI prompt you create. This ensures the UI output is aligned with betPawa's design standards.

4

Start Creating

Type your request in the chat. The pawabloX design system is already loaded!

Example prompts:

  • • "Create a login form with pawabloX styling"
  • • "Build a sports betting card component"
  • • "Make a responsive dashboard layout"
API Integration with pawabloX
Build full-stack applications with real betPawa-style APIs and authentication

API-Powered Development

pawabloX includes real API endpoints for user authentication, betting, and account management. Perfect for building production-ready applications.

Example API Prompts

User Authentication
@api/user.yaml Create a login form that authenticates users with the /api/user/v3/authenticate endpoint
User Registration
@api/user.yaml Build a signup form using /api/user/v3/signup-and-authenticate with phone verification
Password Reset Flow
@api/user.yaml Create a password reset flow with OTP verification using the password endpoints

📋 How to Reference API Documentation

In v0: Upload the API YAML file and reference it in your prompts with @api/user.yaml

In Replit: Add the YAML file to your project and use @api/user.yaml in Assistant prompts

Available APIs: User authentication, account management, betting, payments, and more

📚 API Documentation Resources

API Portal: For a complete list of all available endpoints, visit the API Portal. This interactive Swagger documentation provides detailed information about all endpoints, request/response formats, and error codes.

Pawa Proxy Guide: For detailed implementation examples and best practices, visit the Pawa Proxy Guide. This guide includes authentication flows, error handling strategies, and sample code.

Download Resources
Download the system prompt and reference images to use locally or attach to your AI tools
System Prompt File

Download the complete pawabloX system prompt as a .txt file for easy reuse

Reference Images

Download betPawa app screenshots to use as visual references

💡 Tip: GIFs show user interactions and animations - perfect for demonstrating app flows!

📎 How to Attach Files

v0: Drag and drop files (PNG, JPG, TXT) directly into the chat, or click the attachment button

Replit: Upload files to your project folder, then reference with @filename

ChatGPT/Claude: Use the paperclip icon to attach files (supports images, and text files)