Gemini Designer

Name: Gemini Designer
Author: oil-oil

🌐Community

by oil-oil · vlatest · Repository

Gemini Designer generates creative visuals like images and art based on your prompts, boosting design workflows and sparking imaginative concepts.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

Run in terminal (recommended)

terminal

claude mcp add gemini-designer npx -- -y @trustedskills/gemini-designer

Or manually add to ~/.claude/settings.json

~/.claude/settings.json

{
  "mcpServers": {
    "gemini-designer": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/gemini-designer"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

Gemini Designer is an AI skill that generates creative visuals and design advice using Google’s Gemini model, accessed through the ZenMux API. It can produce HTML page designs, SVG icons, and provide textual design suggestions like color palette and typography recommendations. The skill facilitates design workflows by allowing users to delegate specific design tasks to the AI agent.

When to use it

Need a visual reference or HTML mockup for a UI component or page
Need SVG icons or simple illustrations
Need color palette, typography, or layout suggestions
Need design feedback or critique on an existing design
Want a quick single-page HTML prototype to show a concept

Key capabilities

Generates HTML page designs with inline CSS.
Creates SVG icon code.
Provides textual design advice (color palettes, typography, layout suggestions).
Automatically infers output type from file extension when using the -o flag.
Supports custom output paths specified by the user.

Example prompts

~/.claude/skills/gemini-designer/scripts/ask_gemini.sh "Design a modern landing page for a SaaS product called FlowSync" --html
~/.claude/skills/gemini-designer/scripts/ask_gemini.sh "Create a minimal settings gear icon, 24x24, stroke style" --svg
~/.claude/skills/gemini-designer/scripts/ask_gemini.sh "Suggest a color palette and typography for a developer blog"

Tips & gotchas

API Key Required: You must provide a ZenMux API key, which can be set as an environment variable (ZENMUX_API_KEY), in a .env.local file, or in ~/.config/gemini-designer/api_key.
Run Once Per Task: The script should only be run once for each design task. Read the output file to obtain Gemini's response.
Prompt Specificity: Keep prompts short and focused on what needs to be designed, rather than dictating specific stylistic choices.

View Repository →

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: oil-oil
Installs: 32

Repository (canonical source) →

🌐 Community

Passed automated security scans.