Gemini Frontend Assistant Skill

Purpose

This skill integrates the Gemini CLI into your workflow to handle frontend development tasks. It is specifically optimized for generating React components, styling with Tailwind CSS, and converting visual references (screenshots) into code.

When to Use This Skill

Use this skill when:

• You need to generate React components based on a text description.
• You want to convert a UI screenshot into code (using Gemini's vision capabilities).
• You need help with complex Tailwind CSS styling.
• You want to refactor or optimize existing frontend code.

Core Capabilities

1. UI Code Generation

Prompt: "Create a [Component Name] that looks like [Description]"