imagegen-skills plugin
imagegen-skills teaches an agent to make design images: website comps, app screens, brand boards and a site from them
- 76 ★ on the repository
- Last commit
Minimal access
Why this level
- The skills give instructions for image generation and code writing and run nothing themselves
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add plugins/imagegen-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skills give instructions for image generation and code writing and run nothing themselves
This is third-party code. Review the repository files before installing.
What it does
Four skills for agents that make design images worth building from. `imagegen-frontend-web` draws website comps: one image per landing page section, with varied composition and readable type. `imagegen-frontend-mobile` makes screens and flows for iOS, Android and cross-platform, consistent across a set. `brandkit` produces brand guideline boards: logo directions, symbol systems, palettes, type and applications. `image-to-code` runs the whole pipeline: it first generates the design images, then studies them and builds the website to match.
Who it is for. Designers and developers of landing pages and mobile apps who draw comps as images first and code afterwards.
Good fit when
- A landing page needs section comps with varied composition and readable text
- A set of mobile app screens with a consistent style is needed
- A brand board with logo directions, palette and fonts is needed
- A site should be built from finished design images with no reinventing of the layout
Not a fit when
- You need a finished frontend with no images: the first three skills produce images only
- The agent cannot generate images: `image-to-code` needs both images and code
- You need a design verified on real devices: the result remains a comp
Example request
Draw section comps for a service booking landing page and then build the site from those imagesLimitations
- The first three skills output images only, to be used with ChatGPT Images, Codex image mode or another agent that generates images.
- `image-to-code` needs an agent that both generates images and writes code.
- The skills used to live in `taste-skill` and moved in October 2026, and the install names did not change.
- The license is MIT, and the README holds no detailed image quality verification.
- Image quality depends on the connected generator, and the skills only set the working order.
How to disable. Run `/plugin uninstall imagegen-skills@imagegen-skills` or `codex plugin remove` for a Codex install.
FAQ
Which skills are included?
`imagegen-frontend-web`, `imagegen-frontend-mobile`, `brandkit` and `image-to-code`.
How do I install a single skill?
With `npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "imagegen-frontend-web"` and the needed install name; without `--skill` all four are installed.
How do I install it in Codex?
Run `codex plugin marketplace add Leonxlnx/imagegen-skills` and `codex plugin add imagegen-skills@imagegen-skills` then start a new session.
How does image-to-code differ from the others?
It runs the whole path: generates design images, studies them and builds the site, while the others output images only.
Where did these skills live before?
In the taste-skill repository: they moved here in October 2026 and the install names stayed.
Discussion
No questions or reviews yet.
Related
PluginsSkills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile
An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look
A skill with 107 styles, 127 palettes and 107 font pairings that generates a design system and audits interface code
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
AI Design Skills
landing-page-design
A skill for building a landing page from scratch: intake questions, page structure, conversion copy and a strict visual system
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| imagegen-skills (this card) | no | 76 | |
| Taste Skill | no | 114,100 | skills against template interfaces for a real frontend, while imagegen-skills makes comp images |
| Yueban Image to Code | no | 129 | moves a ready mobile interface screenshot into code, while here the images are generated first |
README in short
The README explains the split from taste-skill, lists four skills in a table with install names and jobs, notes that three of them output images only and gives install commands for `npx skills`, Claude Code and Codex.