De meilleurs prompts commencent
par un brief plus clair.
Planifiez votre application, précisez son design et donnez à votre outil le contexte nécessaire. 20 outils pratiques, à utiliser quand vous en avez besoin.
Design
Outils: 6- Direction de la conceptionAa
Fais-le à toi.
rayon: 12pxDesignCréateur de prompts d’interface
Formez l'interface. Prends les mots avec toi.
Outil ouvert Au-delà de la valeur par défaut
ChargementVideErreurSuccèsHors ligneRefuséDesignGénérateur de matrices d’états UI
Donnez à chaque composant ses états manquants.
Outil ouvertUn vocabulaire partagé
--space-4: 16px;
--radius-md: 12px;
DesignGénérateur de tokens de design
Gardez les valeurs derrière votre interface cohérente.
Outil ouvertContraste, mesuré
Aa7.83:1AA texte normal · Pass
DesignVérificateur de contraste des couleurs
Mettez un nombre derrière le choix de couleur.
Outil ouvertUn rythme pour votre type
Rubrique 1
Un peu de hiérarchie.
16 × 1,25 = une échelle de type
DesignÉchelle typographique interactive
Voyez votre échelle de type avant de l'envoyer.
Outil ouvertUn écran, trois tailles
Mobile → tablette → bureau
DesignCréateur de briefs de mise en page responsive
Écrire le comportement des petits écrans dans le mémoire.
Outil ouvert
Prompts
Outils: 2Recette
Construisez un flux de réservation.
01 Disponibilité et capacité
02 Réserve & confirmer
03 Vérifier les cas bord
PromptsCréateur de prompts de fonctionnalités
Choisissez une recette. Remplissez les décisions.
Outil ouvertprompt couverture
5 8 décisions
Manquant: données, flux, contrôles
PromptsVérificateur de prompts
Trouvez les lacunes avant que votre constructeur ne devine.
Outil ouvert
Planification
Outils: 7- Au-delà du chemin heureux2 / 3Titres de créance non validesLien de réinitialisation expiréSession expiréePlanification
Liste des écrans oubliés
Attrapez les écrans qui n'ont pas fait le briefing.
Outil ouvert Qui peut faire quoi ?
LireModifierSupprimerInvité✓——État✓✓—Administrateur✓✓✓PlanificationCréateur de matrices de permissions
Faire en sorte que les décisions d'accès soient visibles.
Outil ouvertDéfinissez le fait
DONNEES Une réservation confirmée
QUAND Un invité annule
Et alors Libérer le siège
Un résultat que vous pouvez vérifier.PlanificationCréateur de critères d’acceptation
Faites une chose que vous pouvez vérifier.
Outil ouvertUn ordre de construction utile
1Fondation
2Comptes
3Paiements
PlanificationPlanificateur de l’ordre de développement
Un ordre raisonnable pour les prochains prompts.
Outil ouvertChamps ayant un but
Adresse électronique *you@example.comObligatoire · Courriel valide
PlanificationCréateur de spécifications de formulaires
Champs, validation et conditions en un seul endroit.
Outil ouvertUn endroit pour chaque page
/ Sommaire
/app Tableau de bord
/projects
/settings
PlanificationCréateur de plans d’application
Planifiez les itinéraires avant les redirections.
Outil ouvertEnregistrements et relations
utilisateurs
id · courrielprojets
owner_idUn utilisateur → de nombreux projets
PlanificationPlanificateur de schémas de données
Faites expliciter vos relations de données.
Outil ouvert
Contexte
Outils: 3- project-knowledge.md
# Un petit contexte
01 Produit & public
02 Stack & workflows
03 Conception & contraintes
ContexteCréateur de contexte Lovable
Donnez à votre constructeur le contexte qu'il vaut la peine de conserver.
Outil ouvert - AGENTS.mdCLAUDE.md.mdc
# Accords de travail
+ Réutiliser les composants existants
+ Conservez les changements concentrés
+ Vérifier avant de terminer
ContexteGénérateur de règles de projet
Faites de votre façon de travailler une partie du projet.
Outil ouvert Décroche où tu t'es arrêté
Construit : comptes & réservations
Vérifié: persistance de la session
Suivant : enquête sur la caisseContexteCréateur de dossiers de transmission
Laissez la prochaine session un point de départ utile.
Outil ouvert
Développement
Outils: 1Débogage
Outils: 1Gardez le contexte. Construisez-vous dessus.
Archly apporte votre contexte de projet, des profils de plateforme, et prompts dans un espace de travail.