Automates UI/UX styling and component implementation using Gemini CLI with advanced image-to-code capabilities.
Frontend Master is a specialized Claude Code skill designed to streamline visual development by leveraging Gemini CLI's multimodal capabilities. It excels at translating design mockups, screenshots, and visual descriptions into production-ready code across various frameworks like React, Vue, and Svelte. By utilizing a unique dual-phase workflow—first analyzing visual context from images and then implementing styles using the high-velocity --yolo mode—it ensures high-fidelity UI reproduction while maintaining project-specific patterns and verifying results through automated diagnostics.
Key Features
01Multi-modal image-to-code analysis for mockups, Figma exports, and screenshots
02Integrated verification workflow using lsp_diagnostics to ensure build stability
03Automated UI styling via Gemini CLI in high-velocity --yolo mode
04Intelligent layout generation using Flexbox, Grid, and responsive breakpoints
05Comprehensive support for Tailwind CSS, CSS-in-JS, and modern frontend frameworks
060 GitHub stars
Use Cases
01Rapidly applying global styling updates or theme transitions across a project
02Converting static desktop layouts into responsive, mobile-first designs
03Generating high-fidelity components directly from visual design references
