imagegen
nexu-io/open-design
Generate and edit images using OpenAI's Image API for project assets.
What is imagegen?
Create UI mockups, icons, illustrations, social cards, and visual references using OpenAI's Image API. Use this skill when you need to generate or edit images for design projects and prototypes.
- Generate images from text descriptions using OpenAI's DALL-E API
- Create UI mockups and wireframe visuals
- Design icons and illustrations
- Produce social media cards and promotional graphics
- Edit and refine existing images
How to install imagegen
npx skills add https://github.com/nexu-io/open-design --skill imagegen- OpenAI API key with image generation access
How to use imagegen
- 1.Install the skill using the provided npm command
- 2.Set up your OpenAI API credentials
- 3.Invoke the skill by name or use trigger phrases like 'generate image' or 'create mockup'
- 4.Describe the image you want to generate in natural language
- 5.Review and iterate on generated images as needed
Use cases
- Generating UI mockup visuals for application design
- Creating icon sets for projects
- Producing social media graphics and promotional cards
- Generating visual references and concept art
- Designing illustrations for documentation or marketing
- Product designers
- UI/UX designers
- Frontend developers
- Content creators
- Project managers needing visual assets
imagegen FAQ
The skill uses OpenAI's Image API which supports standard image dimensions; refer to OpenAI's documentation for current format and size specifications.
The skill supports both image generation from text descriptions and editing of existing images through OpenAI's API.
Yes, you need an active OpenAI account with API access and sufficient credits to use the Image API.
The skill works well for UI mockups, icons, illustrations, social cards, and visual references; results depend on the clarity and detail of your text descriptions.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: imagegen description: | Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references. triggers:
- "generate image"
- "create image"
- "image gen"
- "openai image"
- "icon design"
- "mockup" od: mode: image category: image-generation upstream: "https://github.com/openai/skills"
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 OpenDesign 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/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.
Related skills
More from nexu-io/open-design and the wider catalog.
imagegen-frontend-mobile
Premium mobile app screen design for iOS, Android, and cross-platform products with clean hierarchy and consistent visual systems.
imagegen-frontend-web
Generate premium, section-by-section website design references with art-directed imagery and conversion-aware layouts.
imagen
Generate images using Google Gemini's image generation API for UI mockups, icons, and illustrations.
impeccable-design-polish
Post-generation design audit and polish for web artifacts—remove AI tells, tighten hierarchy, and harden UX.
industrial-brutalist-ui
Raw mechanical interfaces merging Swiss typography with military terminal aesthetics for data-heavy dashboards.
login-flow
Mobile-first login and authentication flow screens with phone, password, and SSO options.