Build on top of AI

Start with what you have.
Leave with a site worth sending.

Bota is a launch studio. Give it a description or a résumé and it composes the site, sets the type and colour, writes the sections, and sends the project through the compiler verifier when it is available.

Free to start · plans and credit costs are listed in the app, where they are enforced

The brief

An example of a Bota generation: a brief on the left, the site it composes on the right. Choose a different brief to compose a different site.
Output
A real Vite + React project, one file per section
Checked
Compiler-verified and repaired when the verifier is available
Yours
Export the project; publish where deployment is enabled

01Outcomes

Three briefs that don't come back
looking like relatives.

Each recipe carries its own anatomy, motion and typography rules, so a portfolio isn't a business page with the words changed. These three were composed for this page — they aren't customer sites.

Business

Agency recipe · Editorial style. Wide margins, one serif at display size, an index instead of a card grid. The photograph is the only thing allowed to be loud.

Portfolio

Portfolio recipe · Bold style. The work leads and the words follow it. Captions are set in mono, at a size that assumes you came to look.

Product

Product launch recipe · Premium style. Tighter grid, one accent, a panel that shows the thing working instead of a paragraph claiming it does.

02Sources

You have already written
most of the brief.

Point Bota at something that already describes the work. It reads it into facts, shows you what it found, and asks only for what is missing. Instagram and LinkedIn use this same review flow when the workspace's social importer is connected.

We're a two-chair dental clinic in Chilonzor. Check-ups, whitening, braces for kids and adults. Open Saturdays, and we speak Uzbek, Russian and English.

Read as facts

  • PracticeTwo-chair dental clinic
  • LocationChilonzor, Tashkent
  • ServicesCheck-ups · whitening · braces
  • HoursOpen Saturdays
  • LanguagesUzbek · Russian · English

Nothing here was inferred. What you didn't say — prices, a team page — is left out of the composition rather than filled in.

@kilnandclayCeramics studio · Tashkent

Small-run stoneware. Open studio first Sunday. DMs for commissions.

Read as facts

  • NameKiln & Clay
  • CategoryCeramics studio
  • OfferSmall-run stoneware · commissions
  • Regular eventOpen studio, first Sunday
  • Content cuesPublic bio and recent post captions

Bota keeps public profile and post references for review; it does not copy social photographs into the project. Add the images you choose in the workspace.

Product designerTashkent · 8 years
  • Senior product designer2022 — now
  • Product designer2019 — 2022
  • Design systems, research, prototypingSkills

Read as facts

  • RoleSenior product designer
  • ExperienceEight years, two studios
  • FocusDesign systems · research
  • LocationTashkent

A profile is a career, not a personality. Bota keeps the roles and the dates and asks you for the one or two projects worth showing.

Read as facts

  • Name & titleFrom the header
  • HistoryRoles, dates, employers
  • ProofProjects and outcomes you listed
  • ContactEmail and links

A résumé is the densest source there is — and the one most people already have. It becomes a personal site, not a PDF with a background.

Every answer goes in as a fact, never as prose for a model to interpret. Blank stays blank: Bota composes around what it doesn't know instead of inventing it.

03Direction

Taste is authored,
not left to the model.

Six recipes, five styles, and a brand kit that the composition actually obeys. Change either below — the sample is live, not a screenshot.

Style

Brand colour

Pick anything. The lightness of your colour is solved numerically until it clears AA as text — in both themes — so a brand can't be chosen into an unreadable page.

Six recipes, each with its own anatomy

A recipe settles the sections, the motion and the typographic rules before a word is written. It is also why the same brief twice does not come back as two different products.

See them in the app

  • SaaSProduct, proof, pricing
  • PortfolioWork first, words after
  • AgencyPractice, projects, people
  • RestaurantMenu, room, reservation
  • Personal brandYou, the offer, the proof
  • Product launchOne idea, one action

Real photographs, and motion when it earns its place.

When an imagery provider is connected, Bota can source stock or create imagery from your brief and brand. Where media generation is enabled, Motion Lab saves stills and video into a library your projects share; durable video jobs continue even if you close the tab.

Every motion primitive degrades to visible — reduced motion never leaves content stranded.

04Craft

The first result is easy.
The second one is the product.

Compiler checks when available, without blocking your work.

When the verifier is available, the real TypeScript compiler checks each candidate. If it fails, the diagnostics go back with the file and line, the project is repaired, and it is checked again.

If the checker itself is down, the generation still lands — a verifier outage is not a reason you can't work.

Change one section, not the site.

Every band is its own file, so an edit can be scoped to it: rewrite the hero, or only the copy, or only the motion. A scoped edit that touches anything outside the section you named is rejected and retried.

Pick a section, then remix it — the rest of the page is untouched, which is the whole claim.

Scope src/sections/Hero.tsx src/sections/Work.tsx src/sections/Contact.tsx

Every change is a version you can walk back to.

Generations, chat edits, remixes and brand changes all commit the same way. Restoring is immediate, and a failed generation doesn't land at all — there is no half-written project to clean up.

05Yours

Take it with you,
or put it online.

Export the project

A zip of what you previewed: Vite, React, Tailwind, one file per section, the config, and the images inlined as assets. npm install and it runs — nothing in it points back at us.

Publish in one click

Where publishing is enabled, Bota runs your project's real build and swaps the live version atomically, so a visitor sees the old build or the new one and never a half-copied directory. Rolling back doesn't rebuild. Published sites use an origin separate from your account.

Bring your own key

On BYOK-enabled workspaces, connect an OpenAI, Gemini or Claude key and generations run against it. Those runs cost fewer platform credits because Bota isn't paying for the model. Remove the key whenever you like.

Pricing lives where it's enforced

Plans, credit balances and what each action costs are resolved from one catalog inside the app — so that is where they are published, rather than on a marketing page that can drift out of date.

See current plans and credits

FAQ

Questions worth asking.

What does Bota actually produce?

A real front-end project — Vite, React and Tailwind, one file per section, with the config and assets a project needs. The preview you scroll is that project running in your browser, and it is the same project you export.

Do I have to write a prompt?

No. Describe the work or upload a résumé. The studio also has Instagram and LinkedIn import panels; social extraction activates when that workspace's importer is connected. Whatever the source, you review the facts before generation, and what you didn't provide is left out rather than invented.

Can I use my own AI key?

When BYOK is enabled for the workspace: OpenAI, Gemini or Claude, connected in settings. Generations then run against your key and cost fewer platform credits. Remove it at any time.

What happens when it gets something wrong?

Ask for a correction in chat, remix the one section that's off, or edit the file by hand. If it went properly wrong, restore an earlier version — every change is one, and restoring is immediate.

Do I own the code?

Yes. Download the zip whenever you like, run it locally, commit it, host it wherever you want. Nothing in the output depends on Bota to keep working.

Where does the photography come from?

When a photography provider is connected, Bota selects stock or generated imagery according to the plan. Anything you upload is used as-is. Stored project images are inlined into the build, so a published site never depends on a temporary hotlink.

Your turn

What are we making?

Free to start · no card · export the project whenever you want it