rapido-design
Le studio UX/UI : orchestre la chaîne charte CMS → direction artistique → sitemap/flows → maquettes hi-fi Figma → design system → MVP Lovable animé, avec les mêmes tokens du début à la fin. Jugement design (anti-goût-IA), gates accessibilité WCAG et prefers-reduced-motion.
Installer dans Claude Code
/plugin marketplace add PrendsTaPart/Plugin-Claude-MCP-BraindCode-/plugin install rapido-design@rapidoCompétences incluses
Utiliser quand l'utilisateur veut animer un site — « anime le site », « micro-interactions », « animations au scroll », « transitions », « rends-le vivant ». Plan de motion sobre (une intention par animation), implémentation Figma→code ou framer-motion, prefers-reduced-motion obligatoire. À NE PAS utiliser pour le montage vidéo (rapido-video) ni les maquettes statiques (studio-maquette).
Utiliser quand l'utilisateur veut structurer un site avant le design — « sitemap », « user flow », « parcours utilisateur », « arborescence du site », « wireframes ». Produit sitemap + flows (FigJam) + wireframes basse-fi, validés AVANT toute maquette hi-fi. À NE PAS utiliser pour les maquettes hi-fi/design system (studio-maquette) ni la direction artistique (direction-artistique).
Utiliser quand l'utilisateur veut définir l'identité visuelle d'un projet — « direction artistique », « moodboard », « quel style pour [projet] », « définis l'identité visuelle du site », « charte du projet ». Propose 3 directions filtrées par le jugement design, formalise la retenue et synchronise la charte CMS. À NE PAS utiliser pour un simple choix de style (ui-ux-pro-max) ni un visuel de post (studio-visuel-marque).
Utiliser quand l'utilisateur veut les maquettes hi-fi et le design system — « maquette », « design du site », « écrans hi-fi », « design system », « maquette Figma de [projet] ». Design system Figma d'abord (variables des tokens), écrans hi-fi qui consomment les variables, gates critique + accessibilité, puis handoff Lovable. À NE PAS utiliser sans DA + wireframes validés (direction-artistique, architecture-info).
Serveurs MCP déclarés
- lovableFiche connecteur
- rapidocmsFiche connecteur
Agents
- directeur-ux
Directeur UX/UI — orchestre les 7 étapes du pipeline design (charte → DA → flows → maquettes hi-fi → design system → handoff Lovable → motion), tient le fil rouge des tokens (zéro divergence) et arbitre avec goût. Utiliser pour piloter un projet design de bout en bout ; délègue aux skills et rapporte au build (architecte-lovable).
Commandes
Aucun élément déclaré.
Widgets
Aucun élément déclaré.
Hooks
- garde-charte
- Stop · prompt 2
Nouveautés de ce plugin
Studio UX/UI
rapido-designNouveau plugin rapido-design (25e) — le studio UX/UI qui orchestre toute la
chaîne **charte → direction artistique → sitemap/flows → maquettes hi-fi Figma → design
system → MVP Lovable animé, avec les mêmes tokens du début à la fin**.
- Audit D0 (
docs/IMPORTS-DESIGN.md,docs/PASSERELLES-REELLES.md) : 5 dépôts MIT
relus (hue, styleseed, qiaomu, work-with-design-systems, figgo) — Trystan-SA
(reverse-engineered) exclu. Passerelles vérifiées en direct : charte CMS → Figma
OK (font_family = 9 web-safe ; la vraie police vit dans le DS), mécanisme
design system Lovable validé (0 DS dans le workspace → créé par le pipeline).
- Fondations :
pipeline-design.md(7 étapes),passerelles.md(CMS↔Figma↔Lovable
outil par outil), jugement-design.md (anti-goût-IA : gradients violets,
glassmorphism, cartes clonées… + quand dire non), motifs-animation.md (sobriété +
prefers-reduced-motion), hook garde-charte.
- 4 skills :
direction-artistique(DA ↔ charte CMS, la charte existante prime),
architecture-info (structure validée avant tout pixel), studio-maquette (**DS
Figma d'abord, écrans qui consomment les variables**, gates critique + WCAG, handoff
Lovable), animations-web (motion sobre, prefers-reduced-motion obligatoire).
Agent directeur-ux (tient le fil rouge des tokens, zéro divergence).
- Articulation (patchs croisés) :
rapido-lovable:mvp-lovable(le MVP démarre du DS
Lovable), ui-ux-pro-max (bibliothèque de styles vs pipeline qui l'exploite),
rapido-prompteur:prompt-lovable (tokens du DS), rapidocms:gestion-marques (sync DA
bidirectionnel). Runbook docs/RECETTE-DESIGN.md. Validation : TOUT VALIDE
(25 plugins) ; tester 0/0/0.
Studio UX/UI
rapido-designNouveau plugin rapido-design (25e) — le studio UX/UI qui orchestre toute la
chaîne **charte → direction artistique → sitemap/flows → maquettes hi-fi Figma → design
system → MVP Lovable animé, avec les mêmes tokens du début à la fin**.
- Audit D0 (
docs/IMPORTS-DESIGN.md,docs/PASSERELLES-REELLES.md) : 5 dépôts MIT
relus (hue, styleseed, qiaomu, work-with-design-systems, figgo) — Trystan-SA
(reverse-engineered) exclu. Passerelles vérifiées en direct : charte CMS → Figma
OK (font_family = 9 web-safe ; la vraie police vit dans le DS), mécanisme
design system Lovable validé (0 DS dans le workspace → créé par le pipeline).
- Fondations :
pipeline-design.md(7 étapes),passerelles.md(CMS↔Figma↔Lovable
outil par outil), jugement-design.md (anti-goût-IA : gradients violets,
glassmorphism, cartes clonées… + quand dire non), motifs-animation.md (sobriété +
prefers-reduced-motion), hook garde-charte.
- 4 skills :
direction-artistique(DA ↔ charte CMS, la charte existante prime),
architecture-info (structure validée avant tout pixel), studio-maquette (**DS
Figma d'abord, écrans qui consomment les variables**, gates critique + WCAG, handoff
Lovable), animations-web (motion sobre, prefers-reduced-motion obligatoire).
Agent directeur-ux (tient le fil rouge des tokens, zéro divergence).
- Articulation (patchs croisés) :
rapido-lovable:mvp-lovable(le MVP démarre du DS
Lovable), ui-ux-pro-max (bibliothèque de styles vs pipeline qui l'exploite),
rapido-prompteur:prompt-lovable (tokens du DS), rapidocms:gestion-marques (sync DA
bidirectionnel). Runbook docs/RECETTE-DESIGN.md. Validation : TOUT VALIDE
(25 plugins) ; tester 0/0/0.