AI tool:
create_app { name: "my-landing-page" } — uses the ui template by default.What to tell the AI
Be specific about what you want on the page. The more detail, the better the first result.- Hero section — headline, subheadline, CTA button
- Features — what the product does, with icons or illustrations
- Social proof — testimonials, logos, stats
- Pricing — tiers, comparison table
- Footer — links, legal, socials
Build a landing page for a project management tool called “Flowboard.” Dark theme, gradient hero, three feature cards, a pricing section with Free/Pro/Team tiers, and a footer with Twitter and GitHub links.
Iterating
Don’t try to get everything right in one message. Build section by section:- Start with the hero and overall layout
- Add sections one at a time
- Refine copy and styling in follow-up messages
| Do | Don’t |
|---|---|
| Give specific copy and structure | Say “make it look good” with no details |
| Reference a style (e.g. “like Linear”) | Expect pixel-perfect design from vague asks |
| Iterate section by section | Dump 20 requirements in one message |
| Include real content (headlines, CTAs) | Use placeholder text and fix later |
Custom domains
After deploying, point your domain’s CNAME to the Fly.io app URL. The AI can configure TLS automatically.Adding a backend later
If the landing page eventually needs a contact form, waitlist, or API — the AI can add a process component to the existing app without starting over.AI tool:
app_component_add { appId: "...", componentType: "process" }