Skip to main content

Documentation Index

Fetch the complete documentation index at: https://synthetiq.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

Build a working web application from a chat message. In this tutorial, you describe an app to Synthetiq, review the plan, and open the finished result.

​
Prerequisites

​
Steps

1

Open the chat panel

Click the chat icon in the left menu, or press ⌘], to open the chat panel.Chat panel open on the right side of the workspace
2

Describe the app you want

Type a description of your app into the chat. Be specific about the features you need.For this tutorial, type:
Create a training request form where employees can submit course requests with their name, the course title, estimated cost, and approval status
Press Enter to send your message.App description typed into the chat input
3

Wait for the agent to switch modes

The Workspace agent recognizes that you want to build an app and hands off to the AppWriter agent. A mode-switch indicator appears in the chat showing the transition.Mode switch indicator showing Workspace to AppWriter
4

Review the plan

The AppWriter agent presents a plan for your app. The plan card covers the app’s features, data model, and pages. Read through it to make sure it matches what you had in mind.Plan approval card with app details and action buttons
5

Accept the plan

If the plan looks good, click Accept & Proceed at the bottom of the plan card. The AppWriter agent begins building your app.If something needs changing, click Request Revisions instead and describe what you want adjusted.Accept and Proceed button highlighted on the plan card
6

Wait for the build to finish

The AppWriter agent creates your app’s frontend, backend, and database. You can watch progress as tool calls appear in the chat. This takes a minute or two depending on the complexity of your app.Tool call progress visible in the chat during the build
7

Open your new app

When the build finishes, the agent provides a link to your app. Click the link to open it in a new tab.Finished training request form app
You can always ask the agent to make changes after the app is built. Just describe what you want in the chat — for example, “Add a manager approval workflow to the training request form.”