Assistente allo sviluppo visivo e front-end basato su Google Gemini 3. Utilizzabile per l'analisi dell'interfaccia utente, il confronto dei progetti, i controlli di accessibilità, l'estrazione della tavolozza dei colori, la conversione da screenshot a codice, la generazione di risorse dell'interfaccia utente e l'assistenza alla progettazione basata su testo dai brief.
Installa rapidamente la skill AI gemini-visual nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Assistente allo sviluppo visivo e front-end basato su Google Gemini 3. Utilizzabile per l'analisi dell'interfaccia utente, il confronto dei progetti, i controlli di accessibilità, l'estrazione della tavolozza dei colori, la conversione da screenshot a codice, la generazione di risorse dell'interfaccia utente e l'assistenza alla progettazione basata su testo dai brief. Fonte: ckorhonen/claude-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualAssistente allo sviluppo visivo e front-end basato su Google Gemini 3. Utilizzabile per l'analisi dell'interfaccia utente, il confronto dei progetti, i controlli di accessibilità, l'estrazione della tavolozza dei colori, la conversione da screenshot a codice, la generazione di risorse dell'interfaccia utente e l'assistenza alla progettazione basata su testo dai brief. Fonte: ckorhonen/claude-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ckorhonen/claude-skills