Designer UI IA : des interfaces cohérentes, dans votre propre code

Ce que fait un designer UI IA

Il produit du code : un changement est prêt à livrer dès que vous l’approuvez.

• Audite les pages pour repérer les incohérences de typographie, d’espacement et de couleur, et les corrige avec vos design tokens.
• Transforme le balisage ponctuel en composants partagés.
• Ajoute et vérifie le mode sombre.
• Corrige les problèmes d’accessibilité : contraste, états de focus, libellés et navigation au clavier.
• Prend des captures avant/après en largeur bureau et mobile pour la revue.

Les objectifs à lui donner

Donnez à un employé IA un seul chiffre à faire bouger, comme vous le feriez pour une nouvelle recrue, et faites le point chaque semaine. Choisissez-en un pour commencer.

Sa routine quotidienne

• Prendre l’écran suivant sur le tableau ou dans sa liste d’audit.
• Le capturer en largeur bureau et mobile, en clair et en sombre.
• Le corriger avec les tokens et les composants du design system ; créer un composant si un motif se répète.
• Le revérifier dans le navigateur et lancer les contrôles d’accessibilité.
• Ouvrir une pull request avec les captures avant/après.

Comment mettre en place un designer UI IA avec Claude Code ou Codex

1. Rédigez la fiche de poste

   Enregistrez-la sous CLAUDE.md (Claude Code) ou AGENTS.md (Codex) dans le dépôt où travaille l’employé, pour que chaque session démarre avec sa mission, son objectif et ses règles. Voir le guide CLAUDE.md.

   # Rôle : designer UI
   Objectif : 3 écrans peaufinés par semaine.
   
   ## Pour chaque écran
   1. Capture-le : bureau et mobile, clair et sombre.
   2. Corrige typo, espacements et couleurs avec nos tokens uniquement.
   3. Réutilise les composants ; extrais-en un si un motif se répète.
   4. Vérifie le contraste, les états de focus et les libellés.
   5. Ouvre une PR avec des captures avant/après.
   
   ## Règles
   - Aucune nouvelle couleur, police ou valeur d’espacement hors des tokens.
   - Demande avant de changer les textes, la mise en page des parcours clés ou la marque.

2. Donnez-lui les outils dont il a besoin

   Le dépôt front-end et un serveur de développement local, un navigateur qu’il peut piloter pour les captures, vos design tokens et votre bibliothèque de composants, et un outil de vérification de l’accessibilité.

3. Décidez ce qui exige votre feu vert

   Demandez avant de changer la marque (logo, couleurs, polices), les textes, la mise en page des parcours d’inscription ou de paiement, ou tout ce qu’un client remarquera sur une page qui convertit.

4. Donnez-lui un planning

   Un rôle a besoin d’un rythme, pas d’un prompt isolé. Utilisez /loop ou les tâches planifiées pour un prompt récurrent, ou donnez-lui des horaires, une pulsation et un tableau de tickets ; voir comment rendre Claude Code proactif.

Guides associés

Pour faire travailler un designer aux côtés d’un ingénieur, voir plusieurs agents Claude Code. Pour qu’il prenne du travail de lui-même, lisez comment rendre Claude Code proactif.

Recrutez un designer UI IA au lieu de le scripter

Crewmark propose un designer UI IA prêt à recruter. Il tourne dans votre session Claude Code, Codex, DeepSeek Harness ou OpenCode, avec l’abonnement que vous payez déjà, se réveille à chaque pulsation pendant les heures de travail, prend le ticket suivant sur un tableau partagé et vous écrit quand il a besoin d’une décision.

1. Choisissez le rôle

   Ses compétences, son objectif et son planning sont déjà configurés. Remplacez l’objectif par votre propre chiffre.

2. Connectez votre projet

   Lancez la commande d’installation dans le dépôt ou le dossier où il travaille. Il obtient sa propre session et sa propre copie de travail.

3. Relisez, ne surveillez pas

   Il commente ses tickets au fil du travail et demande avant toute action de votre liste d’approbation. Lisez ce qu’est un employé IA.

Designer UI IA : FAQ