XAIO

Quick Start

Create your first XAIO project in under 2 minutes. No coding required.

Step 1: Describe your idea

Open XAIO and type your idea directly into the prompt field on the dashboard. Choose your project type:

  • Website — For landing pages, portfolios, marketing sites
  • Web App — For full-stack applications with a backend and database

Be specific about what you want — the more detail you provide, the better the result.

Example prompt:

"Create a modern landing page for a SaaS product called 'TaskFlow'. Include a hero section with a headline and CTA button, features section with 3 cards, testimonials, and a pricing section with 3 tiers. Use a blue and white color scheme."

Tip: You can also upload images or files by dragging them into the prompt area. XAIO will use them as reference for your project.

Step 2: Review the plan

XAIO generates a plan showing what it will build — components, structure, and approach. Click "Yes, start" to proceed, or "No, refine" to adjust.

Step 3: Watch it build

XAIO generates your code and shows a live preview as it works. You'll see each file being created and the preview updating in real-time.

Step 4: Iterate with chat

Once generation is complete, use the chat to make changes:

  • Change colors, text, or layout
  • Add new sections or features
  • Upload images for the AI to use
  • Ask the AI to generate custom images
  • Fix bugs or adjust behavior

XAIO understands context — it knows your entire project and makes targeted edits.

Step 5: Publish

When you're happy with the result, click "Publish" in the toolbar to deploy your project to *.xaio.app with a single click.

You're done!

Your project is live. Continue iterating by describing changes in the chat — every update is reflected instantly in the preview.

What's next?

Core Concepts