Quick Start

Welcome to Atoms! This guide walks you through the core concepts, team structure, and step-by-step workflow to turn your prompts into published web applications.

What is Atoms?

Atoms provides a collaborative team of specialized AI agents to help anyone build websites, web apps, and data projects using natural language. Your AI teammates work together under standardized protocols to plan, build, and refine your project.

Meet Your AI Teammates

• Mike (Team Leader): Coordinates task distribution and overall project execution.
• Emma (Product Manager): Analyzes requirements and conducts market research.
• Bob (Architect): Designs system architecture and technical specifications.
• Alex (Engineer): Writes code, builds components, and deploys applications.
• David (Data Analyst): Processes data sets and creates visual charts.
• Iris (Deep Researcher): Collects web information and compiles analytical reports.
• Sarah (SEO Specialist): Generates multi-language SEO optimization for search visibility.

Workflow & Modes

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.

3 Ways to Get Started

1. Raw Prompt: Start with your raw prompt, or polish it first to save credits.
2. Remix Existing Projects: Start by remixing an existing project in our App World.

Editing & Refining

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 References: Have a reference of inspiration in mind? Simply upload it for agents as a reference.
• Fix Bugs: Agents will fix your bugs when you click Fix Bug.

For more detailed instructions, refer to App Viewer.

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 (such as sending welcome emails to users, calling AI services, and handling online payments).

Basic Steps to Connect Supabase

1. Step 1: Go to Settings, open Connectors, find Supabase, and click Connect to start authorization.
2. Step 2: Sign in to your Supabase account via the pop-up window (or sign up if you don't have one).
3. Step 3: Click Authorize Atoms.
4. Step 4: Select an existing Supabase project or click Add New One to create a new organization instantly.

For complete integration instructions, see Supabase Connect.

Publishing & Sharing

• Publish: Publish your project by clicking the Publish button in the top-right corner.
• Share: 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!