Getting Started with PageAI

The vision behind PageAI is that you don't need to be an export developer to create an expert-level website, from design to code to copy.

As such, you only need to start with a simple prompt that focuses on your business requirements, not on how the AI should structure code etc.

Prompting guide

For the best results, you can include the following information in your prompt:

• the name of the product/website/etc
• the target audience
• the key selling points of the product (or features)
• the tone of writing like: formal, informal, optimistic, uplifting, entertaining, etc.
• the style of design like: modern, minimalist, professional, playful, etc.
• the type of product: mobile app, web app, saas, blog, etc.

Note: alternatively, you can press on Generate Prompt and let PageAI enhance your prompt.

You are free to include any other details in the prompt, such as:

• "there should be a video demo of the product"
• "include a pricing table with 3 tiers"
• "add a blog section with 6 posts"
• "add a section with testimonials"
• "add a step-by step section explaining how the product works, use 3 steps"

Example prompt:

Product Name: ScreenshotZero
Target Audiences: Indie Founders, Technical Bloggers, Support Teams, Designers

Key Selling Points:
- Auto-balanced screenshots with smart cropping
- Background detection & beautiful color-fill gradients
- Sensitive-data redaction in one click
- OCR to copy text from screenshots
- Share presets for consistent social branding

Tone of Writing: Playful, Helpful
Style of Design: Colorful, Rounded
Type of Product: API / web app

Submitting a prompt

To generate a website, you only need to submit a prompt.
PageAI will then spend 2-3 minutes planning, designing and writing code.

For example, type a prompt like the below and press submit:

PageAI will then do all that is required. As tasks are completed, you will see progress in real time: metadata, design, assets, wireframe and so on:

Previewing

After your website is coded, you will see a full-page preview of the landing page. You can scroll through the page and see how it looks:

Customizing

At this stage, it is possible to apply real-time customization to the page. You can do that by pressing on the theme button:

Download or Deploy

If you are happy with the design, you can proceed to either Download or Deploy the entire codebase.
Press on the Deploy button and PageAI will prepare it for you. This usually takes 1-2 minutes.

When ready, you are free to deploy with the 1-click deployment or download the codebase and deploy it with your own tools.

If you choose to download, you are free to deploy to any hosting provider, the entire codebase is included.

Once the website is downloaded or deployed, you will not be able to use PageAI to make edits to the codebase. However, you can always generate the website again with PageAI and deploy to a different location.

Next steps

• Vibe coding on a PageAI website - Learn how to vibe code on a PageAI website
• Explore landing page components - See demos of standard landing page components and their documentation