Skills
.Work. You
Rest

mockup

Community

Create polished UI mockups with Gemini Nano Pro.

Design & Creative#iteration#UI design#image-generation#style-guidance#mockup#reference-image
Authordungle-scrubs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill generates UI mockups and design images using Gemini Nano Banana Pro, enabling rapid visual concepts from descriptive prompts and optional reference images for style guidance.

Core Features & Use Cases

  • Prompt-driven mockups: Create UI layouts, dashboards, and app interfaces from detailed text prompts.
  • Style-guided design: Use a reference image to control look, feel, and composition across iterations (supports up to 14 references).
  • Iterative refinement: Produce multiple variants and progressively refine prompts for the final design.

Quick Start

Provide a detailed prompt describing the UI you want, optionally attach a reference image path to guide the style.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mockup
Download link: https://github.com/dungle-scrubs/agent-config/archive/main.zip#mockup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.