Imagen
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
A skill that calls Google Gemini's image generation API to produce UI mockups, icons, illustrations, and visual assets on demand.
About
imagen wraps Google Gemini's image generation API to produce visual assets for UI design workflows. Developers use it during frontend design phases to rapidly prototype mockups, create icon sets, and generate illustrations without manual design work. The skill integrates with agent planning via trigger phrases (gemini image, imagen, google image gen, illustration, icon) and runs as a discoverable tool within Open Design catalogs. Key workflows include requesting specific visual assets by description and iterating on generated outputs for UI components and branding materials.
- Generates UI mockups, icons, illustrations using Google Gemini API
- Triggered via agent planning with multiple phrase aliases (imagen, gemini image, illustration, icon)
- Integrates into Open Design catalog for agent discovery
- Produces visual assets for frontend and design workflows
- Upstream repo includes scripts and references for full workflow setup
Imagen by the numbers
- 1,773 all-time installs (skills.sh)
- +122 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #160 of 1,340 Generative Media skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
imagen capabilities & compatibility
- Capabilities
- generate ui mockups from text descriptions · create icon sets on demand · produce illustrations for design workflows · support agent planning via trigger phrase discov · integrate with open design catalogs
- Use cases
- ui design · image generation · frontend
- Runs
- Remote server
- Pricing
- Bring your own API key
What imagen says it does
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning.
npx skills add https://github.com/nexu-io/open-design --skill imagenAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Generate UI mockups, icons, and illustrations using Google Gemini's image generation API.
Who is it for?
Frontend designers and developers prototyping UI mockups, icon sets, and illustrations during design phases.
Skip if: Production-critical graphics requiring specific brand guidelines or legal asset ownership verification.
When should I use this skill?
A developer needs to generate visual assets for UI design, mockups, icons, or illustrations.
What you get
Developers receive generated images matching their descriptions, accelerating UI prototyping and asset creation.
- Generated image files from Gemini API
By the numbers
- 5 trigger phrases for agent invocation
- 4 primary visual asset types supported (UI mockups, icons, illustrations, visual assets)
Files
imagen
Curated from @sanjay3290.
What it does
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
Source
- Upstream: https://github.com/sanjay3290/imagen
- Category:
image-generation
How to use
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/sanjay3290/imagenThen ask the agent to invoke this skill by name (imagen) or with one of the trigger phrases listed in this skill's frontmatter.
Related skills
Remotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.442k4.1k
Remotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k648Ai Video GenerationTurn written prompts into short videos using AI video generation models directly from Cursor or Claude.363k648Ai Avatar VideoGenerate short talking-head videos of custom AI avatars from text prompts.363k648Ai Image GenerationLet their coding agent generate, iterate on, and insert high-quality images directly into web apps, marketing assets, or product features.363k648
Video EditIntelligently route video editing requests to the best RunComfy model without trial-and-error.357k31How it compares
Pick imagen for quick Gemini-generated raster visuals inside an agent; use a dedicated design tool when you need editable vector layers and component libraries.
FAQ
What image generation API does imagen use?
imagen uses Google Gemini's image generation API to produce visual assets.
What types of visual assets can imagen generate?
UI mockups, icons, illustrations, and general visual assets for design workflows.
How do I trigger imagen in an agent?
Use trigger phrases: imagen, gemini image, google image gen, illustration, or icon.