gemini-visual이란?
Google Gemini 3에서 제공하는 시각적 및 프런트엔드 개발 도우미입니다. UI 분석, 디자인 비교, 접근성 감사, 색상 팔레트 추출, 스크린샷에서 코드로 변환, UI 자산 생성 및 브리핑의 텍스트 기반 디자인 지원에 사용됩니다. 출처: ckorhonen/claude-skills.
Google Gemini 3에서 제공하는 시각적 및 프런트엔드 개발 도우미입니다. UI 분석, 디자인 비교, 접근성 감사, 색상 팔레트 추출, 스크린샷에서 코드로 변환, UI 자산 생성 및 브리핑의 텍스트 기반 디자인 지원에 사용됩니다.
명령줄에서 gemini-visual AI 스킬을 개발 환경에 빠르게 설치
출처: 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 |
Google Gemini 3에서 제공하는 시각적 및 프런트엔드 개발 도우미입니다. UI 분석, 디자인 비교, 접근성 감사, 색상 팔레트 추출, 스크린샷에서 코드로 변환, UI 자산 생성 및 브리핑의 텍스트 기반 디자인 지원에 사용됩니다. 출처: ckorhonen/claude-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visualGoogle Gemini 3에서 제공하는 시각적 및 프런트엔드 개발 도우미입니다. UI 분석, 디자인 비교, 접근성 감사, 색상 팔레트 추출, 스크린샷에서 코드로 변환, UI 자산 생성 및 브리핑의 텍스트 기반 디자인 지원에 사용됩니다. 출처: ckorhonen/claude-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/ckorhonen/claude-skills