Describe your app and let the AI builder start it
Type what you want in plain words and the assistant creates and edits the files for you; add your own AI key first.
If no template fits, describe what you want and the AI builder will write the first version.
Before you start
The builder uses your own AI provider key. If you have not added one, Studio tells you "To use the AI builder, add your own AI provider key in your PGBHub settings." You can add it on the AI keys page of PGB Agents; the key belongs to your account and works in both. See Bring your own AI key.
Start building
- Open studio.pgbhub.com. If you are signed out, you will be asked to sign in first and your text is kept.
- In Describe your app, write what you want. Up to 4,000 characters. For example: "A booking site for my dog grooming business with prices and a contact form".
- Choose Start building, or press Ctrl+Enter (Cmd+Enter on a Mac).
Studio creates a project named from your text and opens the editor. The Assistant panel starts working on your request straight away. You see status messages, then its reply, then a list of the files it changed.
Ask for changes
Type in the Assistant box and press Enter (Shift+Enter makes a new line) or choose Send. For example: "make the header darker and add a pricing section". Choose Stop to cancel a request that is still running.
Tips for better results:
- Ask for one thing at a time.
- Be specific about colours, wording and sections.
- Open the file you want changed first. Files that are open in tabs are given to the assistant as focus.
Review what it did
Each answer lists the files Added, Changed or Removed, with the lines added and removed. Choose a file name to open it. Choose Undo if you do not like the result. See AI edits, undo and safety nets.
Good to know
- The assistant works in one round per request. It cannot run your code or browse the web.
- Files locked by a template are visible to it but cannot be changed by it.
- Your requests are kept for abuse monitoring. See Studio limits and privacy.
- If you hit your account's AI limit, try again later.
More guides in PGB Studio
Start a project from a template
Pick a ready-made template, fill in your business details in a form, watch the live preview and create your project.
Tour the Studio editor
Files, code tabs, live preview, problems list and the Assistant: what each part of the project screen does.
AI edits, undo and safety nets
What the assistant changes, how its edits are applied in one step and how to undo any of them.
History and save points
Create named save points, compare them with your current files and restore an earlier version safely.
Customise a template project later
Change your business name, colours, logo and other values after creating a project, without touching the code.
Deploy your app to a live address
Build your Studio project and publish it as a running app inside one of your PGBHub projects.