skills.rest
i0switch
i0switchCOMMUNITY
Explore all skills by this author →
GitHub

imagen

Generate PNG images from text prompts using Google Gemini's image model.

Updated Mar 15, 2026
Search Tags:#frontend#ai#assets#gemini#image-generation#prompt
One-click install
npx skills add https://github.com/i0switch/yoyaku-tosho --skill imagen-i0switch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imagen
Source: https://github.com/i0switch/yoyaku-tosho/tree/main/.github/skills/imagen
Command: npx skills add https://github.com/i0switch/yoyaku-tosho --skill imagen-i0switch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill enables seamless image creation during Claude Code sessions by leveraging Google Gemini's image generation capabilities, allowing developers and designers to generate visuals on demand without leaving the workflow.

Core Features & Use Cases

  • On-demand image generation: Create UI assets, thumbnails, diagrams, icons, and illustrations directly from prompts.
  • Cross-platform script: Works in Windows, macOS, and Linux via a Python script.
  • Output versatility: Saves generated images to a specified path and supports multiple sizes via configuration.
  • Use Case: Generate a hero image for a landing page or an app icon during development to accelerate UI prototyping.

Quick Start

Install the skill, set GEMINI_API_KEY, and run the Python script with your image prompt to generate an image.

Frequently Asked Questions about imagen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate UI assets and images directly from text prompts during frontend development?▼

To generate UI assets from text prompts during frontend development, you provide a descriptive prompt to the Python script which uses Google Gemini's image model to output a PNG file to your specified path.

What do I need to set up to use Google Gemini for image generation in my coding workflow?▼

To use Google Gemini for image generation, you must configure a GEMINI_API_KEY environment variable, with optional settings for IMAGE_SIZE and GEMINI_MODEL, before executing the provided Python script.

Can I use this image generation script across different operating systems like Windows and macOS?▼

Yes, you can use this image generation script across different operating systems including Windows, macOS, and Linux, as the underlying Python script is designed for cross-platform compatibility.

What types of visual assets can I create using Gemini AI within my development environment?▼

Using Gemini AI within your development environment, you can create visual assets such as UI placeholders, app icons, illustrations, diagrams, and thumbnails to accelerate prototyping.

How does generating images with Gemini integrate into a standard coding session?▼

Generating images with Gemini integrates by running a local Python script that processes your text prompt and saves the resulting image directly to a specified file path within your project directory.

Related Skills

Explore More Design & Creative Skills→
zcacereszcaceres
7

nano-banana-generator

Generate custom graphic assets via Google's Gemini image generation API.

Community
Intermediate
gihwan-devgihwan-dev
1

component-screenshot

Capture Storybook story screenshots as PNG assets by story-id.

Community
Intermediate
trusted-americantrusted-american

fontawesome

Register FontAwesome 7 icons and render them with the A3 Icon component.

Official
Intermediate
DevHive1DevHive1
18

media-generation

Generate and retrieve AI images, videos, and stock photography.

Community
Intermediate