Communitygithub.com

HDC327/ai-visual-audit-skill

Assistant visuel IA pour suggestions d'amélioration de design — compétence d'agent pour revues de conception

Qu'est-ce que ai-visual-audit-skill ?

Cette compétence permet à un agent IA d'effectuer des audits visuels automatisés d'interfaces utilisateur, en analysant des captures d'écran ou des maquettes pour identifier des problèmes de design (alignement, cohérence des couleurs, espacement, accessibilité, etc.). Elle est utile pour les développeurs, designers ou équipes produit souhaitant obtenir des retours rapides et objectifs sur la qualité visuelle de leurs applications avant déploiement. La compétence s'appuie sur des modèles de vision par ordinateur et des règles de conception préétablies pour générer des suggestions concrètes d'amélioration. Compatible avec les principaux agents de codage comme Claude Code, Cursor ou Codex, elle s'intègre directement dans le flux de travail de révision de code.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add HDC327/ai-visual-audit-skill
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait ai-visual-audit-skill ?

Assistant visuel IA pour suggestions d'amélioration de design — compétence d'agent pour revues de conception

Cette compétence permet à un agent IA de réaliser des audits visuels automatisés d'interfaces utilisateur. Elle analyse des captures d'écran ou maquettes pour détecter des problèmes courants de design : alignement, cohérence des couleurs, espacement, accessibilité, etc. Les résultats sont présentés sous forme de suggestions concrètes d'amélioration, avec des annotations visuelles.

Fonctionnalités principales

  • Analyse visuelle automatique d'IU
  • Détection des incohérences de design
  • Suggestions d'amélioration de l'accessibilité
  • Rapports d'audit structurés

Utilisation

  1. Fournissez une capture d'écran ou une maquette à l'agent.
  2. La compétence analyse l'image et génère un rapport.
  3. Appliquez les suggestions directement dans votre code.

Plateformes supportées

  • Claude Code
  • Cursor
  • Codex
  • Autres agents compatibles

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community