Assistant de développement visuel et frontal optimisé par Google Gemini 3. À utiliser pour l'analyse de l'interface utilisateur, la comparaison de conceptions, les audits d'accessibilité, l'extraction de palettes de couleurs, la conversion de capture d'écran en code, la génération d'actifs d'interface utilisateur et l'assistance à la conception textuelle à partir de briefs.
Installez rapidement le skill IA gemini-visual dans votre environnement de développement via la ligne de commande
Source : ckorhonen/claude-skills.
A comprehensive toolkit leveraging Google Gemini 3's advanced visual reasoning capabilities for front-end development and design tasks. Gemini 3 provides state-of-the-art multimodal understanding with spatial reasoning, document understanding, and high-resolution image processing.
Add to your shell profile (/.zshrc or /.bashrc) for persistence:
| analyzeui.py | Analyze UI screenshots for issues, patterns, and suggestions | | generateuiassets.py | Generate icons, backgrounds, and UI graphics | | comparedesigns.py | Compare two designs and highlight differences | | extractcolors.py | Extract color palettes from images | | screenshottocode.py | Convert screenshots to HTML/CSS code |
Assistant de développement visuel et frontal optimisé par Google Gemini 3. À utiliser pour l'analyse de l'interface utilisateur, la comparaison de conceptions, les audits d'accessibilité, l'extraction de palettes de couleurs, la conversion de capture d'écran en code, la génération d'actifs d'interface utilisateur et l'assistance à la conception textuelle à partir de briefs. Source : ckorhonen/claude-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualAssistant de développement visuel et frontal optimisé par Google Gemini 3. À utiliser pour l'analyse de l'interface utilisateur, la comparaison de conceptions, les audits d'accessibilité, l'extraction de palettes de couleurs, la conversion de capture d'écran en code, la génération d'actifs d'interface utilisateur et l'assistance à la conception textuelle à partir de briefs. Source : ckorhonen/claude-skills.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/ckorhonen/claude-skills