Skip to main content

How TatbiQ works

TatbiQ turns a plain-language description into a real, working web app. You describe what you want, the AI builds it, and you refine it through chat until it is ready to publish. You never have to write code yourself.

A TatbiQ project with the AI chat building an app and the result in the live preview
TatbiQ reads your prompt, builds a complete app, and opens it in a live preview.

From prompt to app​

When you create a project, TatbiQ works through a few stages behind the scenes:

Understand your request

The AI reads your prompt and works out what kind of app you want, what screens it needs, and how it should behave.

Plan the build

It turns that understanding into a technical plan for the app's structure and pages.

Build the app

The AI generates a complete React web app, including the pages, layout, and styling.

Check and fix

If the build runs into errors, TatbiQ automatically tries to resolve them before handing the app back to you.

When generation finishes, your app opens in a live preview so you can see and interact with the result straight away.

What TatbiQ builds​

Every app TatbiQ generates is a standard, modern web app:

  • Built with React and styled with Tailwind CSS.
  • Responsive, so it works on desktop and mobile.
  • Self-contained by default, storing data in the browser. You can connect a real database later with the Supabase integration.

Keep improving through chat​

Your first version is a starting point, not the finished product. After the app is built you keep working with the AI in chat: ask for changes, add features, adjust the design, or fix issues. Each round of edits updates your app in place. See Editing with AI chat for how this works.

Your safety net​

TatbiQ saves versions of your project as you go, so you can always go back to a working state. Read more in Checkpoints.

What it costs​

Creating a project and making chat edits use credits from your workspace balance. To understand how this works, see How credits work and Chat edit credit costs.

Next steps​

Writing good promptsGet better results from the very first prompt.Editing with AI chatRefine your app through conversation.Preview your appSee your app running live in the browser.Publish your appTake your app live when you are ready.