Help us improve
Share bugs, ideas, or general feedback.
From gemini-visual-design
This skill provides visual design guidance using Google Gemini's AI capabilities. Use this skill when the user asks to "generate an image", "create a mockup", "design a UI", "make a logo", "create game assets", "generate a video", "review a design", "create icons", "design a landing page", or any visual design/generation task. Also use when writing UI code that could benefit from visual asset generation.
npx claudepluginhub beckhamlabsllc/gemini-visual-designHow this skill is triggered — by the user, by Claude, or both
Slash command
/gemini-visual-design:visual-design-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use this skill when working on visual design tasks — image generation, UI mockups, game assets, video creation, or design analysis.
Guides technical evaluation of code review feedback: read fully, restate for understanding, verify against codebase, respond with reasoning or pushback before implementing.
Share bugs, ideas, or general feedback.
Use this skill when working on visual design tasks — image generation, UI mockups, game assets, video creation, or design analysis.
Never jump straight to expensive generation. Follow this workflow:
Set up style profile first — Use init_style_profile to create a .gemini-design-profile.json if one doesn't exist. This ensures visual consistency across all generations.
Start with a template — Use get_prompt_templates to find a relevant template. Templates provide proven prompt structures that produce consistent results.
Generate a draft — Use generate_image with model="gemini" (or "auto"). This is fast and cheap.
Review and iterate — Use edit_image to refine the draft. Always prefer editing over regenerating from scratch.
Finalize if needed — Only use model="imagen" when the user approves a draft and needs production quality.
Save to project — Use save_asset to move from preview to project directory.
| Task | Model | Why |
|---|---|---|
| Draft mockups | Gemini Flash | Fast iteration, cheap |
| Iterative editing | Gemini Flash | Multi-turn editing support |
| Final production assets | Imagen 4 | Highest quality output |
| Design analysis | Gemini Flash | Multimodal understanding |
| Short video clips | Veo 3.1 Fast | Faster iteration, good quality |
| High-quality video | Veo 3.1 | Best quality, latest features |
Use get_prompt_templates to browse these:
When reviewing designs:
analyze_design with the appropriate focus and project_typeedit_instruction — feed it directly to edit_imageThe .gemini-design-profile.json stores:
All generation tools automatically apply this profile to prompts.
See the reference files for detailed guidance:
references/prompt-guide.md — Detailed prompt engineering techniquesreferences/project-types.md — Game, landing page, and web app specific guidancereferences/prompt-templates.md — Complete template library with examples