Starting
Sometimes you need an entire team to do complex tasks, or you just need a single professional. You can also choose between different modes, including Team Mode, Engineer Mode, Race Mode, and Deep Research Mode.
There are three ways to get started.
Start with your raw prompt, or polish it first to save credits.
Start by remixing an existing project in our App World.
Editing
Preview, fix bugs, edit code, modify visual elements, and add references —all in one place.
Preview: View your work in both mobile and PC modes.
Change visual elements: Edit your visual elements on the App Viewer page, either manually adjusting them or discussing your expectations with agents.
Add reference: Do you have a reference of inspiration in mind? Then upload it for agents as a reference.
Fix bugs: Agents will fix your bugs when you click Fix Bug.
You can refer to App Viewer for more instructions.
Connecting integrations
Once Atoms has prepared your frontend pages, you can use Atoms Cloud or integrate with Supabase for data storage, secret management, and additional backend capabilities.
This enables you to send welcome emails to users, call AI services, and handle online payments.
Atoms Cloud:
Agents automatically identify your backend integration needs and activate Atoms Cloud accordingly.
Here are the basic steps to connect with Supabase:
Step 1: Find the Supabase tab in the top-right corner.
Step 2: Sign in to your Supabase account via the pop-up window. If you don't have one, sign up for it.
Step 3: After signing in, click "Authorize Atoms."
Step 4: Either select an existing Supabase project from the list or click 'Add New One' to create a new organization instantly.
Now you are integrated with Supabase!
(If you need help, the Atoms Assistant is available to walk you through connecting Supabase to Atoms.)
For more details, see Supabase Connect. We've prepared detailed instructions about user authentication, data storage, and edge functions.
Publishing
Congratulations, you are all set!
Publish your project by clicking the Publish button in the top-right corner.
Share
Finally, you can share how you build with Atoms Agents in our App World or on social media by clicking the Share button in the top-right corner.
You are now ready to explore more ways to collaborate with AI agents. We can't wait to see what you create!