Idées de projets en vibe coding inspirées de vrais produits indépendants

Commencez par une tâche observable

Décrivez une personne, un moment et un résultat avant de choisir un framework. « Aide-moi à choisir la prochaine tâche ménagère » est plus facile à vérifier que « crée une plateforme de productivité ». Notez ce que la personne doit voir après une action réussie et ce qui doit se passer en cas d’échec.

Choisissez ensuite une première version que vous pouvez examiner vous-même. Les idées ci-dessous excluent volontairement les comptes, les paiements et la modification à plusieurs. Ajoutez-les seulement lorsque le parcours de base fonctionne et que vous comprenez les règles supplémentaires de données et d’autorisations.

Une liste de prochaines tâches pour la maison

CueKit et TaskyHome sont des références pour transformer des projets en actions faciles à gérer. Votre petite expérience pourrait permettre d’ajouter une tâche, de lui attribuer une pièce et de choisir quoi faire ensuite. Il devrait être possible d’annuler la validation d’une tâche terminée.

Pour la première version, gardez une seule liste locale. Vérifiez une liste vide, un nom long, le rechargement, le clavier et un échec d’enregistrement. Reportez les comptes familiaux partagés et les rappels entre appareils. Le stockage du navigateur peut être bloqué ou effacé : précisez que la liste est enregistrée sur cet appareil et affichez une erreur si l’enregistrement échoue.

Référence: MDN: Window.localStorage

Un minuteur de travail et de pause aux limites claires

Hi Eye est une référence pour instaurer une routine de pauses douces. Une expérience dans le navigateur pourrait proposer une durée de travail, une durée de pause et des commandes claires pour démarrer, mettre en pause et réinitialiser. Limitez l’objectif au soutien d’une habitude ; ne présentez pas le minuteur comme un moyen de diagnostiquer, traiter ou prévenir une affection oculaire.

Vérifiez le temps écoulé après un changement d’onglet, une pause et une reprise. Décidez explicitement de l’effet d’un rechargement. Un minuteur correct dans un onglet ouvert ne prouve pas la fiabilité des alarmes en arrière-plan. Reportez les notifications natives et les fonctions de l’écran verrouillé jusqu’à pouvoir tester la plateforme visée.

Un petit atelier pour pratiquer le morse

Hi Morse offre une interaction d’apprentissage concrète : convertir un court message en points et en traits, puis s’entraîner à reconnaître quelques lettres. Commencez par une table visible et un seul sens de conversion avant d’ajouter du son.

Utilisez des exemples connus comme SOS et précisez le traitement des espaces, de la ponctuation et des caractères non pris en charge. Ne supprimez jamais une saisie sans prévenir. Si vous ajoutez du son, prévoyez un bouton d’arrêt et un équivalent textuel. Le codage morse n’est pas du chiffrement. Reportez le clavier personnalisé, la lampe torche et le score jusqu’à ce que la conversion de base soit correcte.

Un récit à partir de quelques photos choisies

Evermory est une référence pour organiser des souvenirs en récit. Un projet web plus petit pourrait permettre de choisir trois photos, de les réordonner, d’ajouter des légendes et de prévisualiser une page imprimable. Utilisez vos propres images ou des ressources que vous avez le droit d’utiliser.

Testez les formats portrait et paysage, les légendes absentes et l’annulation du choix de fichiers. Indiquez si les fichiers restent dans le navigateur ou sont envoyés à un serveur. Reportez l’accès à toute la photothèque, la déduction des lieux, la synchronisation et la suppression de photos. Un aperçu clair apporte déjà un résultat utile sans ces autorisations.

Donnez à l’assistant un cahier des charges vérifiable

Remplacez une demande vague par un petit contrat. Cet exemple est un point de départ à adapter, pas la promesse qu’une seule instruction produira une app terminée.

Public : une personne qui choisit une tâche ménagère.
Saisie : nom de la tâche et pièce facultative.
Actions : ajouter, terminer, annuler et supprimer après confirmation.
Stockage : ce navigateur uniquement ; prévenir si l’enregistrement échoue.
Exclure : comptes, paiements, modification partagée et statistiques.
Vérifier : état vide, rechargement, texte long, clavier et stockage indisponible.
Avant de coder : expliquer le modèle de données et les états d’erreur.
Après : exécuter les vérifications et signaler ce qui reste à vérifier.

Choisissez l’idée que vous pouvez vérifier

Essayez le produit de référence, repérez une interaction qui mérite d’être comprise et rédigez votre propre brief. Gardez un premier parcours réussi assez simple pour l’expliquer sans captures d’écran. Avant de le rendre public, utilisez la checklist de lancement pour transformer « ça marche sur mon écran » en éléments concrets.