Remix

Make your own version of AI Project Builder

Edit the prompt below and generate a customized version in seconds.

Original by Alexandre Guittet Ben Salah

Describe your app

Crée une plateforme web moderne appelée [NOM DU SITE], qui fonctionne comme un véritable AI Builder / AI Coding Agent.

L’objectif est de créer une plateforme où l’utilisateur peut simplement expliquer ce qu’il veut créer et où l’intelligence artificielle génère automatiquement le projet complet.

1. CONCEPT PRINCIPAL

La plateforme doit proposer une IA capable de créer différents types de projets :

- 🌐 Sites web
- 💬 Bots Discord
- 🔌 Plugins
- 🤖 Applications utilisant l’IA
- 📱 Applications web
- 🛠️ Outils et logiciels
- 💻 Scripts et programmes
- 🔗 APIs
- 🗄️ Bases de données
- ⚙️ Automatisations

L’utilisateur décrit son projet dans une zone de chat, par exemple :

« Crée-moi un bot Discord avec un système de tickets, des commandes administrateur, des logs et une configuration personnalisable. »

L’IA doit ensuite analyser la demande, créer la structure du projet, générer le code nécessaire et expliquer ce qu’elle a créé.

2. INTERFACE PRINCIPALE

Créer une interface très moderne inspirée des meilleurs AI builders actuels.

Design :

- Dark mode par défaut
- Interface futuriste mais professionnelle
- Animations fluides
- Coins légèrement arrondis
- Effets de transparence subtils
- Interface responsive PC / tablette / téléphone
- Navigation rapide
- Aucun élément inutile

La page principale doit contenir :

- Un grand titre expliquant la plateforme
- Une zone de discussion avec l'IA
- Un champ permettant de décrire le projet
- Un bouton « Créer »
- Un bouton pour joindre des fichiers
- Un bouton pour choisir le type de projet
- Une zone permettant de voir la génération en temps réel

3. CHAT IA

Le cœur du site doit être un système de conversation avec l'IA.

L'IA doit pouvoir :

- Comprendre les demandes en langage naturel
- Poser des questions lorsqu'une information indispensable manque
- Générer du code
- Modifier du code existant
- Corriger les erreurs
- Ajouter des fonctionnalités
- Supprimer des fonctionnalités
- Refaire complètement une partie du projet
- Analyser les fichiers envoyés
- Comprendre la structure d'un projet
- Expliquer son travail

L'utilisateur doit pouvoir continuer la conversation avec l'IA après la création du projet.

Exemple :

Utilisateur :
« Ajoute un système de connexion. »

IA :
Elle modifie directement le projet existant et indique les fichiers modifiés.

4. ÉDITEUR DE CODE

Ajouter un véritable éditeur de code intégré.

Il doit permettre de :

- Voir tous les fichiers
- Créer des fichiers
- Supprimer des fichiers
- Modifier les fichiers
- Rechercher dans le projet
- Voir le code avec coloration syntaxique
- Afficher les erreurs
- Voir les modifications effectuées par l'IA

Afficher une arborescence du projet sur le côté.

Exemple :

PROJECT/
├── src/
├── components/
├── pages/
├── api/
├── database/
├── package.json
└── README.md

5. APERÇU DU PROJET

Ajouter un bouton permettant de lancer un aperçu du projet.

Pour les sites web, afficher directement une preview dans la plateforme.

L'utilisateur doit pouvoir passer entre :

- Code
- Preview
- Console
- Fichiers
- Logs

L'IA doit pouvoir détecter les erreurs dans la console et essayer automatiquement de les corriger.

6. CRÉATION DE BOTS DISCORD

Prévoir un mode spécialisé « Discord Bot ».

L'utilisateur peut demander :

« Crée un bot Discord avec tickets, modération, logs, niveaux, économie et commandes slash. »

L'IA doit générer la structure complète du bot.

Elle doit pouvoir utiliser notamment :

- Discord.js
- Node.js
- APIs
- Bases de données
- Webhooks

Le projet doit être facilement exportable.

Prévoir également une section permettant de configurer :

- Token du bot
- ID du serveur
- ID des salons
- ID des rôles
- Permissions
- Variables d'environnement

Ne jamais afficher ou demander publiquement les mots de passe ou clés secrètes.

7. CRÉATION DE PLUGINS

Ajouter un mode « Plugin ».

L'utilisateur peut choisir la plateforme cible et demander à l'IA de créer un plugin.

L'IA doit :

1. Comprendre le fonctionnement demandé
2. Créer les fichiers nécessaires
3. Générer le code
4. Vérifier les erreurs
5. Expliquer comment installer le plugin
6. Permettre de télécharger/exporter le projet

8. IA DE CORRECTION

Ajouter un système permettant de donner une erreur à l'IA.

Exemple :

« J'ai cette erreur : [ERREUR] »

L'IA doit :

- Analyser l'erreur
- Trouver la cause probable
- Identifier le fichier concerné
- Proposer une correction
- Appliquer la correction si l'utilisateur l'autorise
- Vérifier que la correction ne casse pas les autres fonctionnalités

9. PROJETS

Chaque utilisateur doit avoir un espace « Mes projets ».

Chaque projet doit afficher :

- Nom
- Type
- Date de création
- Dernière modification
- Statut
- Technologies utilisées

Actions :

- Ouvrir
- Modifier
- Dupliquer
- Renommer
- Supprimer
- Exporter

Les projets doivent être sauvegardés afin que l'utilisateur puisse reprendre son travail plus tard.

10. AUTHENTIFICATION

Créer un système de compte utilisateur.

Prévoir :

- Inscription
- Connexion
- Déconnexion
- Profil
- Paramètres
- Gestion des projets

Les données personnelles et les clés API doivent être protégées.

11. SYSTÈME DE CRÉDITS / TOKENS

Ajouter un système de crédits permettant de contrôler l'utilisation de l'IA.

Afficher clairement :

- Crédits disponibles
- Crédits utilisés
- Historique d'utilisation

Chaque génération doit afficher le coût estimé avant son exécution lorsque cela est possible.

Prévoir une architecture permettant d'ajouter plus tard différents abonnements.

12. PARAMÈTRES

Créer une page Settings avec :

- Apparence
- Langue
- Modèle IA
- Notifications
- Gestion du compte
- Sécurité
- Clés API
- Préférences de génération

Les préférences doivent être sauvegardées.

13. SÉCURITÉ

La plateforme doit être conçue avec une architecture sécurisée.

Ne jamais mettre :

- API keys
- Tokens Discord
- Mots de passe
- Secrets
- Credentials

directement dans le frontend.

Utiliser des variables d'environnement et un backend sécurisé.

Ajouter également :

- Validation des entrées
- Protection des endpoints
- Gestion des permissions
- Rate limiting
- Logs d'erreurs
- Isolation des projets lorsque nécessaire

14. ARCHITECTURE

Utiliser une architecture moderne et facilement évolutive.

Le code doit être propre, organisé et maintenable.

Séparer correctement :

- Frontend
- Backend
- API
- Authentification
- Base de données
- Système IA
- Gestion des projets
- Génération de code

Ne pas créer une simple maquette statique : les fonctionnalités principales doivent réellement fonctionner.

15. IA ET API

Prévoir une architecture permettant de connecter différents modèles d'IA.

Créer une couche permettant de changer de fournisseur/modèle sans devoir réécrire toute l'application.

L'API key doit être stockée côté serveur.

Prévoir la possibilité d'ajouter plusieurs modèles ultérieurement.

16. EXPÉRIENCE UTILISATEUR

L'interface doit donner l'impression d'utiliser une véritable plateforme professionnelle de développement assistée par IA.

Pendant la génération, afficher des étapes comme :

✓ Analyse de la demande
✓ Création de la structure
✓ Génération des fichiers
✓ Installation des dépendances
✓ Vérification du code
✓ Correction des erreurs
✓ Projet terminé

Afficher la progression en temps réel.

17. PAGE D'ACCUEIL

Créer une landing page professionnelle présentant :

- Le fonctionnement de la plateforme
- Les fonctionnalités
- Les types de projets supportés
- Des exemples
- Une section « Comment ça marche »
- Un bouton « Commencer gratuitement »
- Une section présentant l'IA
- Une section pricing pouvant être activée ultérieurement

Le design doit être premium, moderne et crédible.

18. IMPORTANT

Ne crée pas seulement des boutons visuels qui ne font rien.

Les fonctionnalités principales doivent être réellement connectées à une architecture fonctionnelle.

Lorsque certaines fonctionnalités nécessitent une API externe ou une clé API qui n'est pas encore disponible, crée l'architecture nécessaire et indique clairement où la clé devra être ajoutée.

Avant de terminer, vérifie le projet, corrige les erreurs évidentes et assure-toi que toutes les pages sont correctement reliées entre elles.

Le résultat final doit ressembler à une véritable plateforme SaaS de développement avec IA, et non à une simple landing page.

Construis l'application de manière modulaire afin qu'elle puisse être améliorée et recevoir de nouvelles fonctionnalités plus tard.

Free to use. No credit card required.