gemini-frontend-assistant
✓A specialized skill for frontend development tasks using the Gemini CLI. It leverages Gemini's multimodal capabilities for generating UI code (React, Tailwind CSS) from descriptions or images (screenshots).
Installation
SKILL.md
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.
Action: The agent uses the gemini-generate.sh script to generate the code safely.
Prompt: "Turn this screenshot [Path to Image] into a React component."
A specialized skill for frontend development tasks using the Gemini CLI. It leverages Gemini's multimodal capabilities for generating UI code (React, Tailwind CSS) from descriptions or images (screenshots). Source: mrowaisabdullah/ai-humanoid-robotics.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/mrowaisabdullah/ai-humanoid-robotics --skill gemini-frontend-assistant- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is gemini-frontend-assistant?
A specialized skill for frontend development tasks using the Gemini CLI. It leverages Gemini's multimodal capabilities for generating UI code (React, Tailwind CSS) from descriptions or images (screenshots). Source: mrowaisabdullah/ai-humanoid-robotics.
How do I install gemini-frontend-assistant?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mrowaisabdullah/ai-humanoid-robotics --skill gemini-frontend-assistant Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/mrowaisabdullah/ai-humanoid-robotics
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01