Asistente de desarrollo visual y de front-end con tecnología de Google Gemini 3. Úselo para análisis de UI, comparación de diseños, auditorías de accesibilidad, extracción de paletas de colores, conversión de capturas de pantalla a código, generación de recursos de UI y asistencia de diseño basada en texto a partir de resúmenes.
Instala rápidamente el skill de IA gemini-visual en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Asistente de desarrollo visual y de front-end con tecnología de Google Gemini 3. Úselo para análisis de UI, comparación de diseños, auditorías de accesibilidad, extracción de paletas de colores, conversión de capturas de pantalla a código, generación de recursos de UI y asistencia de diseño basada en texto a partir de resúmenes. Fuente: ckorhonen/claude-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualAsistente de desarrollo visual y de front-end con tecnología de Google Gemini 3. Úselo para análisis de UI, comparación de diseños, auditorías de accesibilidad, extracción de paletas de colores, conversión de capturas de pantalla a código, generación de recursos de UI y asistencia de diseño basada en texto a partir de resúmenes. Fuente: ckorhonen/claude-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/ckorhonen/claude-skills