Umby Discover : Brief Chirurgical & Direction Créative
Les règles permanentes s'appliquent. Avant de modifier quoi que ce soit, lis
../umby-beast-code/references/standing-rules.md: points de validation, pas de déploiement ni de fusion sans un feu vert explicite, branche de fonctionnalité avec prévisualisation, code protégé, conserve ou redirige chaque URL, preuves réelles uniquement, et le journal de travail.
Les prompts génériques forcent l'agent à deviner, et la devinette d'un LLM est la moyenne statistique d'internet. Ton travail ici est de verrouiller une identité produit et visuelle spécifique, tranchée et leader de sa catégorie avant d'écrire une seule ligne de composant—sans soumettre l'utilisateur à un questionnaire fastidieux de 20 questions.
Étape 1 : Distinguer les Faits Observables de l'Intention Manquante
- Consulte d'abord les fichiers du workspace (
package.json, tokens CSS existants, assets de marque,README.md, routes existantes). Ne pose jamais une question à laquelle le dépôt répond déjà. - Audite la demande de l'utilisateur par rapport aux Cinq Piliers d'un Brief Non-Slop :
- Pilier 1 — Mission & Action Principale : Qui arrive ici, quel scepticisme apportent-ils, et quelle est l'unique action que nous voulons qu'ils accomplissent ?
- Pilier 2 — Archétype Esthétique & Tension : Où cela se situe-t-il visuellement ? (Lis
references/aesthetic-archetypes.mdpour les 12 archétypes non-IA.) - Pilier 3 — Preuve & Réalité du Contenu : Disposons-nous de vraies données produit, de métriques, de photographies, ou de mécaniques interactives fonctionnelles—ou devrions-nous construire une simulation interactive honnête plutôt que du remplissage factice
"10 000+ clients"? - Pilier 4 — Périmètre & Stack : Quelles pages/flux appartiennent à la Passe 1, et quelles contraintes de stack s'appliquent (vitesse statique Astro vs. app interactive Next.js vs. headless Shopify) ?
- Pilier 5 — Contraintes Brownfield (Mises à Jour Uniquement) : Quelles URL, logos, couleurs hex de marque, ou contrats de checkout/auth sont intouchables ?
Étape 2 : Exécuter le Portail d'Entrée en 4–5 Questions
Si 2 piliers ou plus sont réellement manquants (et que l'utilisateur n'a pas demandé une exécution autonome immédiate), fais une pause avant d'écrire du code UI et pose 3 à 5 questions chirurgicales sélectionnées depuis references/question-bank.md.
Règles pour Poser de Bonnes Questions de Découverte
- Utilise l'UI de Question Hôte Quand Disponible : Si ton environnement fournit un outil structuré de questions à choix multiples (ex.
ask_question), utilise-le avec 3–4 options concrètes et contrastées par question, et place ton choix recommandé en premier préfixé par(Recommandé). Sinon, présente une liste numérotée propre et en texte brut. - Offre des Contrastes Concrets, Pas des Devoirs Ouverts : Ne demande jamais "Quelles couleurs et polices aimez-vous ?" Propose plutôt des associations directionnelles nettes : par exemple, "(Recommandé) Monolithe Sombre de Précision (calibre Linear / Raycast : obsidienne
#0b0c0e, bordures fines et nettes, un seul accent électrique, scène produit interactive)" vs. "Lumière Haute-Contraste Éditoriale (calibre Stripe Press / Mercury : albâtre chaud#faf9f6, affichage éditorial serif + corps grotesque propre, espacement généreux de la lumière du jour)". - Limite à 5 Questions Maximum : Un tour de questions précises est stimulant ; trois tours de micro-gestion donne l'impression que le système est cassé.
Étape 3 : Verrouiller le Contrat Créatif & Fonctionnel
Une fois que l'utilisateur a répondu (ou immédiatement en utilisant ton meilleur archétype si tu fonctionnes sous mandat autonome explicite), rédige le Contrat Design & Produit compact (soit en ligne en 12–15 lignes, soit sauvegardé dans .umby/DESIGN_BRIEF.md pour les projets multi-routes) :
- Public & Scepticisme : Une phrase nommant qui visite et le doute exact que la page doit surmonter en 5 secondes.
- Action de la Fenêtre Principale : Exactement une phrase de verbe d'action de CTA principal (ex.
"Lancer le sandbox interactif","Ajouter sachet 250 g · 24 €"). - Archétype Choisi & 3 Références de Métier : Archétype nommé depuis
references/aesthetic-archetypes.md+ 3 produits réels dont la barre de qualité (jamais la propriété intellectuelle/les assets copiés) ancre la construction. - Paire Typographique & Échelle : Police d'affichage + Police de corps + Police monospace, avec des graisses explicites et des règles de crénage.
- Ancre de Palette OKLCH : Luminosité/teinte de surface de base, encre primaire, alpha de bordure fin, et la couleur d'accent unique à haute conviction.
- Séquence de Rythme des Sections : Liste ordonnée de 5 à 8 battements de page où aucune deux sections adjacentes ne partagent la même géométrie de grille.
- Anti-Objectifs (Exclusions Explicites) : 3 clichés spécifiques interdits pour ce projet (ex. "Pas de lueur SaaS violet-bleu, pas de rangée de fonctionnalités à 3 colonnes avec icônes Lucide, pas de photos de clients non vérifiées").
Transfère ce contrat verrouillé directement à ../umby-architect/SKILL.md et ../umby-craft/SKILL.md.