Visual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code conversion, generating UI assets, and text-based design assistance from briefs.
Quickly install gemini-visual AI skill to your development environment via command line
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 |
Visual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code conversion, generating UI assets, and text-based design assistance from briefs. Source: ckorhonen/claude-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualVisual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code conversion, generating UI assets, and text-based design assistance from briefs. Source: ckorhonen/claude-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/ckorhonen/claude-skills