Parent : [[INDEX-WEB-UIUX]]
Référence Mobbin/Godly avant de designer
Problème
Designer from scratch avec l'IA = median template. Designer from prod references = décisions ancrées.
Solution
15 minutes de recherche avant tout écran nouveau :
| Type d'écran | Source | Chercher |
|---|---|---|
| Flow app (settings, onboarding, checkout) | Mobbin | Même flow, 3–5 apps |
| Landing / marketing / portfolio | Godly | Même vibe / secteur |
| Composant isolé | component.gallery | Pattern (modal, tabs…) |
Noter dans DESIGN.md ou ticket :
- 2 URLs références
- 1 chose à copier (structure, pas pixels)
- 1 chose à éviter vue chez les refs
Exemple
Page: pricing SaaS
Ref Mobbin: Notion + Linear pricing tables
Ref Godly: site X pour typo display
Copier: hiérarchie plan recommandé au centre
Éviter: 3 cards identiques sans diff feature list
Workflow avec IA
1. Toi: références + notes
2. Prompt: "Implémente pricing en suivant DESIGN.md et refs [urls], cite [[KNOW-PAT-146|KNOW-PAT-146]]"
3. Gate: [[KNOW-PAT-143|KNOW-PAT-143]] avant ship
Quand ne PAS l'utiliser
- Bugfix CSS one-liner — pas besoin de Mobbin.
Source
- Workflow qualité User — 2026-06-09