BeClaude

ask-gemini

New
GitHub TrendingGeneralby ASACHIT

A Claude Code skill that delegates UI/UX work to Gemini while Claude keeps the wheel — two models in parallel, design taste that stays consistent across your whole app.

First seen 6/20/2026

Summary

This skill runs Claude and Gemini in parallel, letting Claude handle the core code while Gemini takes on UI/UX design tasks.

  • It ensures consistent design taste across your entire app by delegating visual decisions to Gemini, so you get polished interfaces without context-switching.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/ask-gemini.md https://raw.githubusercontent.com/ASACHIT/ask-gemini/main/SKILL.md
3
Invoke in Claude Code
/ask-gemini

Use Cases

Generate a color palette and typography system for a new React component library.
Create responsive CSS layouts for a dashboard with multiple breakpoints.
Design a set of reusable SVG icons that match your app's existing style.
Suggest UX improvements for a checkout flow based on best practices.
Produce a Figma-like design spec for a landing page hero section.
Audit your app's current UI for consistency in spacing, colors, and fonts.

Usage Examples

1

/ask-gemini Design a card component with hover effects, including CSS and a React example.

2

I need a mobile-first navigation bar. Use /ask-gemini to generate the HTML and CSS.

3

/ask-gemini Create a dark mode color scheme for my app and update the CSS variables.

View source on GitHub
design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is ask-gemini?

This skill runs Claude and Gemini in parallel, letting Claude handle the core code while Gemini takes on UI/UX design tasks. It ensures consistent design taste across your entire app by delegating visual decisions to Gemini, so you get polished interfaces without context-switching.

How to install ask-gemini?

To install ask-gemini: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/ask-gemini.md https://raw.githubusercontent.com/ASACHIT/ask-gemini/main/SKILL.md. Finally, /ask-gemini in Claude Code.

What is ask-gemini best for?

ask-gemini is a skill categorized under General. It is designed for: design. Created by ASACHIT.

What can I use ask-gemini for?

ask-gemini is useful for: Generate a color palette and typography system for a new React component library.; Create responsive CSS layouts for a dashboard with multiple breakpoints.; Design a set of reusable SVG icons that match your app's existing style.; Suggest UX improvements for a checkout flow based on best practices.; Produce a Figma-like design spec for a landing page hero section.; Audit your app's current UI for consistency in spacing, colors, and fonts..