Démarrage rapide

Bienvenue sur Atoms ! Ce guide vous présente les concepts de base, la structure de l'équipe et le flux de travail étape par étape pour transformer vos prompts en applications web publiées.

Qu'est-ce qu'Atoms ?

Atoms fournit une équipe collaborative d'agents IA spécialisés pour aider chacun à créer des sites web, des applications web et des projets de données en langage naturel. Vos coéquipiers IA travaillent ensemble selon des protocoles standardisés pour planifier, créer et affiner votre projet.

Rencontrez vos coéquipiers IA

• Mike (Chef d'équipe) : Coordonne la répartition des tâches et l'exécution globale du projet.
• Emma (Product Manager) : Analyse les exigences et mène des études de marché.
• Bob (Architecte) : Conçoit l'architecture du système et les spécifications techniques.
• Alex (Ingénieur) : Écrit du code, crée des composants et déploie des applications.
• David (Analyste de données) : Traite des ensembles de données et crée des graphiques visuels.
• Iris (Chercheuse en recherche approfondie) : Collecte des informations sur le web et compile des rapports analytiques.
• Sarah (Spécialiste SEO) : Génère une optimisation SEO multilingue pour la visibilité dans les moteurs de recherche.

Flux de travail et modes

Parfois, vous avez besoin d'une équipe entière pour accomplir des tâches complexes, ou bien vous n'avez besoin que d'un seul professionnel. Vous pouvez aussi choisir entre différents modes, notamment le Mode Équipe, le Mode Ingénieur, le Mode Course et le mode Recherche approfondie.

3 façons de commencer

1. Prompt brut : Commencez avec votre prompt brut, ou peaufinez-le d'abord pour économiser des Crédits.
2. Remix de projets existants : Commencez par remixer un projet existant dans notre App World.

Édition et affinage

Prévisualisez, corrigez des bugs, modifiez le code, ajustez des éléments visuels et ajoutez des références, le tout en un seul endroit :

• Prévisualisation : Consultez votre travail en modes mobile et PC.
• Modifier les éléments visuels : Modifiez vos éléments visuels sur la page Visionneuse d'App, soit en les ajustant manuellement, soit en discutant de vos attentes avec les agents.
• Ajouter des références : Vous avez une référence inspirante en tête ? Il vous suffit de la téléverser pour que les agents l'utilisent comme référence.
• Corriger les bugs : Les agents corrigeront vos bugs lorsque vous cliquerez sur Fix Bug.

Pour des instructions plus détaillées, consultez App Viewer.

Connexion des intégrations

Une fois qu'Atoms a préparé vos pages frontend, vous pouvez utiliser Cloud Atoms ou l'intégrer à Supabase pour le stockage des données, la gestion des secrets et des capacités backend supplémentaires (comme l'envoi d'e-mails de bienvenue aux utilisateurs, l'appel à des services IA et la gestion des paiements en ligne).

Étapes de base pour connecter Supabase

1. Étape 1 : Accédez à Paramètres, ouvrez Connectors, trouvez Supabase et cliquez sur Connect pour démarrer l'autorisation.
2. Étape 2 : Connectez-vous à votre compte Supabase via la fenêtre contextuelle (ou inscrivez-vous si vous n'en avez pas).
3. Étape 3 : Cliquez sur Authorize Atoms.
4. Étape 4 : Sélectionnez un projet Supabase existant ou cliquez sur Add New One pour créer instantanément une nouvelle organisation.

Pour les instructions complètes d'intégration, consultez Connexion Supabase.

Publication et partage

• Publier : Publiez votre projet en cliquant sur le bouton Publish dans le coin supérieur droit.
• Partager : Partagez votre façon de créer avec les Agents Atoms dans notre App World ou sur les réseaux sociaux en cliquant sur le bouton Share en haut à droite.

Vous êtes maintenant prêt à explorer davantage de façons de collaborer avec des agents IA. Nous avons hâte de voir ce que vous allez créer !