GuidesWorking in the studio

Working in the studio

PhiWebs Studio, at studio.phiwebs.com, is where you build apps. You describe what you want in a chat, an AI agent builds it, and the app runs in a live preview next to the conversation. You sign in with your PhiWebs account, and you work inside your current workspace.

PhiCo, the earlier assistant, is retired. Apps are now made in PhiWebs Studio.

Projects

The studio opens on Projects. Each project is one app. The list belongs to the workspace, so every member sees the same projects.

  • New project — give it a name and, if you like, answer What should it be?. That text becomes your first message, and the work starts right away.
  • Open from file — start a project from a .pwpack, .tgz or .zip file of up to 25 MB, for example a project you downloaded earlier with Export → Download project.
  • Delete — the bin icon on a row. The project’s files and history go with it, and this can’t be undone.

Each row shows when the project last changed and its state: Asleep, Starting, Ready or Working.

Opening a project

Opening a project starts an isolated sandbox where the agent works on that one app, and the preview appears after a moment. A project that has been quiet for a while goes to sleep. Your work is saved; click Wake it up to continue.

The screen has two sides: the chat on the left and, on the right, the preview or whichever panel you opened from the top bar. On a narrow screen you switch between them with the Chat and Preview tabs.

Chatting with the agent

Type what you want to build or change and press Enter (Shift+Enter for a new line). For example: “Add a page with our opening hours” or “Make the header dark blue.”

While the agent works you see its steps as it goes. When it finishes, the preview reloads with the change. If the change leaves the app with problems, the chat says so and points you to Checks.

Sometimes the agent needs a decision from you. It shows the question as a card with options. Pick one or write your own answer, then click Answer, or click Skip to let the agent decide.

A project has one conversation. When you reopen it, the conversation so far is loaded again.

The preview

The preview is your app, running while it is built, at its own preview address. Only the people working on the project use it; your visitors only ever see what you publish.

Above the preview you can:

  • type a page path to open that page,
  • reload the preview,
  • switch between desktop and phone width.

In the preview you are signed in as the developer, who holds every role the app declares. That lets you try every page before you set up real people.

The top bar

ButtonWhat it opens
Project nameRename, Duplicate, and Unpublish (when the app is live)
ChecksRuns the app’s checks
HistoryEvery saved version of the project
FilesThe project’s files, read only
AppThe app’s own sign-in, people, records, connections and visitor AI
PacksThe packs this app builds with
ImagesYour uploaded and generated images
ExportDownload the project or the built web app
PublishPuts the app live

The AI usage chip in the bar shows how much AI you have left. See AI usage and credits.

Checks

Run checks opens every page and tries the forms, the way a visitor would. Each problem is listed with the page it is on. Click Fix next to a problem and the studio sends it to the agent as a message.

If you try to publish an app that has problems, the studio stops the publish and opens Checks for you.

History

Every change is saved as a version: each agent turn, each pack you add, each image you upload. Restore goes back to an earlier version. Your current version stays in the history, so nothing is lost.

Restoring changes the project and the preview, not the live app. To put an earlier version live, restore it and then publish. See Publishing your app.

Files

What your app is made of: its pages, its data models (app/definitions/entities.json), its sign-in and access rules (app/definitions/auth.json), its records files and more. Files are read only. To change something, ask in the chat.

Images

Add your logo and photos here, then ask in the chat, for example “Use logo.png as the logo.”

  • Upload — PNG, JPG, WebP, GIF, AVIF or SVG. One image can be up to 5 MB, and a project’s images up to 25 MB together.
  • Generate an image — describe it, choose a shape (from 1:1 to 9:16) and click Generate. Generating uses your AI usage.

Images are saved with the project, so they are published and exported with it. Removing an image takes it off every page that uses it.

Packs

Packs give the agent blocks and patterns to build with. The panel lists the packs your workspace has installed; click Add to use one in this app. Packs already in the app show In use.

To get more packs, install them from the marketplace in your account, then click Check for new packs here. See Marketplace and packs.

App

The App panel holds the app’s own settings, in four tabs:

  • Sign-in & people — how visitors sign in, who can come in, and the app’s people and roles. See Visitor sign-in.
  • Records — the data in the preview and in the published app. See Records.
  • Connections — the outside services the app calls, and their secrets. See Connections.
  • Visitor AI — a monthly limit, in credits, on the AI your app’s visitors may use. Leave it empty for the default, enter 0 to turn it off, or “unlimited”. It is a setting of the published app. Apps made in the studio do not call AI for their visitors yet; the limit applies once they do.

Rename, duplicate, delete

Click the project name in the top bar:

  • Rename changes the project’s name. The app’s address does not change.
  • Duplicate makes a new project with the same files and history and its own, empty conversation. The copy has its own address when you publish it.
  • Unpublish takes the live app offline. See Publishing your app.

Deleting a project is done from the projects list.

Export

Export in the top bar offers two downloads:

  • Download project — a .pwpack file with the whole project. Use Open from file on the projects list to open it again later.
  • Download web app — the built site as an archive, ready to host anywhere.

An export needs a project that is already an app. If the app has problems, fix them in Checks first.

When AI usage runs out

The agent stops taking new requests and the chat tells you why, with a link to your account. Your published apps keep running. See AI usage and credits.