Imagegen
Generate and edit UI mockups, icons, illustrations, social cards, and visual references via OpenAI Image API during product build.
Overview
imagegen is an agent skill for the Build phase that routes agents to generate and edit project images with OpenAI's Image API after installing the upstream OpenAI skills bundle.
Install
npx skills add https://github.com/nexu-io/open-design --skill imagegenWhat is this skill?
- Uses OpenAI Image API for generate and edit workflows
- Targets project assets: UI mockups, icons, illustrations, social cards, references
- Catalogue entry in Open Design with upstream openai/skills bundle
- Frontmatter triggers: generate image, create image, mockup, icon design
- Install upstream bundle into agent skills dir for full scripts and references
Adoption & trust: 804 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
You need consistent UI and marketing visuals while building but lack a documented agent workflow tied to OpenAI image generation.
Who is it for?
Solo builders already using OpenAI APIs who want agent-discoverable image generation during frontend and asset work.
Skip if: Teams that need a self-hosted diffusion pipeline, print-ready brand systems without API costs, or video generation workflows.
When should I use this skill?
User says generate image, create image, image gen, openai image, icon design, or mockup for OpenAI Image API project assets.
What do I get? / Deliverables
The agent invokes imagegen with clear triggers and points you to install the upstream openai/skills package so mockups, icons, and cards can be produced in-session.
- Generated or edited image assets for UI, icons, or social use
- Agent-ready invocation path via skill name or triggers
Recommended Skills
Journey fit
Visual asset creation happens while you are shaping the product surface, not after distribution. Frontend subphase covers mockups and marketing visuals that ship with the app and landing experiences.
How it compares
OpenAI Image API skill catalogue entry—not Midjourney prompts or a Figma replacement.
Common Questions / FAQ
Who is imagegen for?
Indie builders using Claude Code, Cursor, or similar agents who want OpenAI-backed image gen for mockups, icons, and social assets during build.
When should I use imagegen?
During Build frontend work when you say generate image, create image, image gen, openai image, icon design, or mockup for project visuals.
Is imagegen safe to install?
It may require network and API keys for OpenAI; review the Security Audits panel on this Prism page and the upstream openai/skills repo before copying bundles into your agent.
SKILL.md
READMESKILL.md - Imagegen
# imagegen > Curated from OpenAI's skills repository. ## What it does Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references. ## Source - Upstream: https://github.com/openai/skills - 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: ```bash # Inspect the upstream README for exact paths open https://github.com/openai/skills ``` Then ask the agent to invoke this skill by name (`imagegen`) or with one of the trigger phrases listed in this skill's frontmatter.