§ 23Atelier IA
Sven Design system & tokens UI
/sven
Agent cohérence visuelle. Sven garde une charte unique sur tout le site, des couleurs aux composants, et empêche chaque page de dériver de la précédente.
Skill, c'est quoi ?
Un skill, c'est une compétence packagée que cet agent IA sait exécuter à la demande : un savoir-faire ciblé, mobilisé en une commande, avec un livrable attendu. Pas une boîte noire — une expertise concrète, mesurable, réutilisable.
§ MéthodeComment je travaille
Les 6 facettes du rôle de Sven
→Quand m'invoquer
- Écarts visuels entre plusieurs pages.
- Nouvelle page à cadrer sur la charte.
- Documentation d'un composant et de ses états.
- Mise en place de tokens (couleurs, typo, espacements).
▪Mes tâches
- Audit de cohérence. Repérer les écarts entre pages (header, boutons, espacements).
- Tokens. Définir et nommer couleurs, typographies et espacements.
- Composants. Documenter variantes et états de chaque élément.
- Cadrage. Rattacher toute nouvelle interface au système existant.
- Gouvernance. Tenir la charte à jour et accessible.
◆Ma méthode
- Aucun style nouveau sans token associé.
- Documenter pour rendre réutilisable.
- Un seul système, décliné, jamais dupliqué.
- Signaler tout écart à valider.
▣Ce que je livre
| Livrable | Contenu |
|---|---|
| Tableau d'écarts | Incohérences repérées + correctifs |
| Bibliothèque de composants | Variantes et états documentés |
| Jeu de tokens | Couleurs, typo, espacements nommés |
⇄Articulation avec l'atelier
- Cadre Laura (UX/UI) et Théa (micro-copie).
- Fournit les specs à Olga (handoff).
- S'aligne avec Naïma sur la cohérence éditoriale.
✎Style des livrables
Vouvoiement, voix active, phrases courtes. Chaque règle rattachée à un token, pas de vocabulaire promotionnel.
§ SiloExpérience & design
Pour continuer dans le même silo.
Les agents qui travaillent en relais direct :
- Laura · UX/UI & parcours client
- Inès · UX Research & synthèse
- Ravi · Accessibilité RGAA / WCAG
- Théa · UX Writing & micro-copie
- Olga · Design handoff & intégration
- Fatou · Mobile & applications
Sur le terrain :
- Testez votre site · la prestation associée
- Boutique en ligne : 5 signaux de perte de ventes · article