Design Index

Toutes les bibliothèques UI/UX du workspace en une page : registries de composants, effets, blocks de sections, motion, galeries d'inspiration, tokens, icônes, design → code. Ce qu'on ouvre avant de coder une interface — pour ne pas repartir d'une page blanche.

Comment on y accède

Deux sources ont un serveur MCP officiel — c'est agent-natif, structuré, et ça passe avant tout navigateur. Pour le reste, on descend l'échelle et on s'arrête au premier qui marche. Chrome est interdit ; Playwright MCP est bloqué par hook.

1. MCP officiel                Mobbin (flows UX) · Refero (styles/screens) · Firecrawl (extraction)
2. Vrais tokens d'un site      Firecrawl rawHtml → parse --color-* / --font-* / --radius-*
3. Galerie en JS               Firecrawl scrape markdown   (Awwwards, Godly, Lapa, CSSDA, Behance)
4. Listing server-rendered     WebFetch                    (Land-book, SaaSFrame, Saaspo, CollectUI)
5. Inspecter un site vivant    dev-browser → snapshotForAI() → screenshot()
6. Source derrière un login    dev-browser + cookies de session
7. Bloqué anti-bot             Camoufox MCP — dernier recours

Quota : Mobbin et Refero coûtent du payant. Un SEUL agent (l'Art Director) source et
transmet le résultat en contexte. Jamais 3 sub-agents qui appellent Refero en parallèle.