Apps in Chat

Turn on the APP button, describe what to build, and use the App workspace tab to preview, edit, and deploy — all without leaving the conversation.

Written By Zack (Zense AI)

Last updated 10 days ago

Chat is the fastest way to build an app.

The APP composer mode tells Chat to use create, read, and edit app agent tools instead of only replying with text.

Open Chat (or start from Apps → Create app → Go to chat).
Toggle APP in the composer (alongside attachments and tools).
- Direct Chat only — APP mode is not available in Tutor or assignment chats.
- After an app is linked, the APP toggle hides — edit via chat messages or the App panel instead.
Send a prompt, e.g. "Build a periodic table quiz for Form 3 Chemistry."
Watch the App tab — code streams in and the preview updates.
Refine: "Add a timer" or "Use Traditional Chinese labels."

When APP mode is active or a chat has a linked app, the workspace shows:

Tab	Purpose
App	Live preview + code editor, save, deploy, publish, share
Whiteboard	Sketch ideas; attach snapshots to messages
Source	Web references when Chat searches or crawls

Chat uses these tools in APP conversations (all draw from chat credits):

Tool	What it does
Create app	Write initial HTML/CSS/JS for your description
Read app	Inspect current code before making changes
Edit app	Apply targeted edits to the linked app

You can also ask in plain language — Chat picks the right tool.

Each conversation supports one linked app. To start a different app:

Imported apps without a chat can Start chat from the app detail page so Chat can see the code.

Be specific about audience (year group), interaction (drag, click, type), and subject content.
Ask for mobile-friendly layouts if students use phones.
If preview shows an error, paste the error message back to Chat.
Deploy when the class-ready version is done — share the play link, not the chat.

See Create & deploy an app for deploy, publish, and gallery steps.