• SPATIAL
  • TYPE
  • HIERARCHY
  • HUMAN

Vérifier la conformité du design system avec votre IA

Connectez ce MCP à votre client IA pour en faire un spécialiste de l'audit UI/UX. Il analyse vos maquettes pour garantir le respect de vos règles.

Demandez à l'IA à propos de cette page

Réponse rapide

Mon IA peut-elle vérifier si mes designs respectent mon design system ?

Oui. Votre IA utilise ce MCP pour auditer la hiérarchie spatiale, l'alignement sur la grille et la typographie selon vos contraintes. Vous obtenez un rapport précis de chaque infraction détectée dans vos maquettes.

Résultats de l'audit

Chaque problème est répertorié.

L'IA catégorise chaque anomalie pour que vous sachiez quoi corriger et quoi ignorer.

SPATIAL

Erreurs de grille et d'espacement

L'IA identifie les éléments qui ne respectent pas la grille de 8px ou les règles de padding. Vous recevez les coordonnées exactes de chaque décalage.

TYPE

Écarts typographiques

Elle signale toute taille, graisse ou interlignage qui dévie de votre échelle typographique. Cela garantit la cohérence de la marque sur tous les écrans.

HIERARCHY

Problèmes de poids visuel

L'IA détecte les ruptures de hiérarchie spatiale, comme des boutons trop petits ou des titres manquant de relief. Elle indique où l'œil risque de se perdre.

HUMAN

Révision design manuelle

L'IA signale les logiques de mise en page complexes qui nécessitent un jugement humain. À vous de décider si l'écart est une erreur ou un choix créatif.

Le flux

Ce que fait votre IA dès réception de la maquette.

L'IA agit comme un auditeur technique en analysant la structure mathématique de votre design plutôt que son simple aspect esthétique.

  1. Analyser la géométrie

    L'IA lit les données brutes de la mise en page pour cartographier la position et la taille de chaque élément.

    validate_uiux_excellence

  2. Vérifier l'alignement

    Elle compare les coordonnées de chaque élément avec les contraintes de votre grille de 8px pour trouver les décalages.

    validate_uiux_excellence

  3. Auditer la typographie

    L'agent vérifie que chaque bloc de texte utilise une taille et une graisse autorisées par votre système.

    validate_uiux_excellence

  4. Détecter les ruptures de hiérarchie

    Elle évalue la relation entre les éléments pour s'assurer que l'ordre visuel est cohérent.

    validate_uiux_excellence

Essayez

Copiez ces commandes pour commencer.

Utilisez ces prompts pour lancer un audit dans votre client IA.

Points de départ

Ce sont des exemples. Remplacez les liens ou noms de fichiers par vos propres éléments.

UI/UX Excellence Prover Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — UI/UX Excellence Prover capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "uiux-excellence-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
    }
  }
}
Copiez dans le chat04

  • Vérifie la conformité de cette maquette Figma à la grille de 8px : [link]

  • Est-ce que la typographie de cette maquette respecte mon échelle définie ? [link]

  • Audite la hiérarchie spatiale de ce design de tableau de bord : [link]

  • Trouve toutes les erreurs d'alignement sur cette capture d'écran d'interface mobile : [link]

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Commencez ici

Connectez UI/UX Excellence Prover, puis posez vos questions.

En un clic, ce MCP est lié à votre client préféré. Vos identifiants restent chiffrés et vous gardez le contrôle total sur votre flux de travail.

Connecter UI/UX Excellence Prover à votre IA

FAQ

Fonctionnement de l'audit

  • 01

    L'IA peut-elle corriger le design pour moi ?

    Non. L'IA identifie les erreurs et vous indique leur emplacement, mais vous devez effectuer les modifications directement dans votre outil de design.

  • 02

    Est-ce que cela fonctionne avec n'importe quel outil de design ?

    Cela fonctionne avec toutes les données de design ou captures d'écran que vous fournissez à votre client IA et qu'il est capable de traiter.

  • 03

    Va-t-elle supprimer mes fichiers de design ?

    Non. Ce MCP se contente de lire et de valider des données. Il n'a aucune capacité de suppression ou d'écrasement de vos fichiers.

  • 04

    Peut-elle apprendre mon design system personnalisé automatiquement ?

    Vous devez spécifier les règles de votre design system, comme la grille de 8px ou l'échelle typographique, dans votre prompt pour que l'IA sache quoi vérifier.

  • 05

    Vérifie-t-elle le contraste des couleurs ?

    Non. Cet outil spécifique se concentre sur la hiérarchie spatiale, les grilles et la typographie.

  • D'autres questions sur UI/UX Excellence Prover ? La page du Connector les traite. Voir toutes les capacités du Connector UI/UX Excellence Prover

Connectez UI/UX Excellence Prover à Claude, Cursor, ChatGPT et d'autres