Visueller und Front-End-Entwicklungsassistent, unterstützt von Google Gemini 3. Verwendung für UI-Analyse, Designvergleich, Barrierefreiheitsprüfungen, Farbpalettenextraktion, Screenshot-zu-Code-Konvertierung, Generierung von UI-Assets und textbasierte Designunterstützung aus Briefings.
Installieren Sie den KI-Skill gemini-visual schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Visueller und Front-End-Entwicklungsassistent, unterstützt von Google Gemini 3. Verwendung für UI-Analyse, Designvergleich, Barrierefreiheitsprüfungen, Farbpalettenextraktion, Screenshot-zu-Code-Konvertierung, Generierung von UI-Assets und textbasierte Designunterstützung aus Briefings. Quelle: ckorhonen/claude-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualVisueller und Front-End-Entwicklungsassistent, unterstützt von Google Gemini 3. Verwendung für UI-Analyse, Designvergleich, Barrierefreiheitsprüfungen, Farbpalettenextraktion, Screenshot-zu-Code-Konvertierung, Generierung von UI-Assets und textbasierte Designunterstützung aus Briefings. Quelle: ckorhonen/claude-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/ckorhonen/claude-skills