Skills that make an agent generate design images worth building from: website comps, mobile app screens and brand kits, plus a pipeline that generates a site's design images first and then builds the site to match them.
By the author of taste-skill. These skills used to live there and moved here in October 2026 so each repo does one job: taste-skill builds and checks real frontends, imagegen-skills makes the pictures.
| Skill | Install name | What it does |
|---|---|---|
| imagegen-frontend-web | imagegen-frontend-web |
Website comps: one image per section of a landing page, with varied composition and readable type. |
| imagegen-frontend-mobile | imagegen-frontend-mobile |
App screens and flows for iOS, Android and cross-platform, consistent across a set. |
| brandkit | brandkit |
Brand-guideline boards: logo directions, symbol systems, palettes, type and applications. |
| image-to-code | image-to-code |
The whole pipeline: generate the design images, study them, then build the website to match. |
The first three produce images only. Use them with ChatGPT Images, Codex image mode or any agent that can generate images, then hand the frames to your coding agent. image-to-code needs an agent that can both generate images and write code.
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "imagegen-frontend-web"Swap in any install name from the table, or leave out --skill to install all four.
Claude Code plugin
/plugin marketplace add Leonxlnx/imagegen-skills
/plugin install imagegen-skills@imagegen-skills
Codex plugin
codex plugin marketplace add Leonxlnx/imagegen-skills
codex plugin add imagegen-skills@imagegen-skillsStart a new Codex session afterwards so the skills are loaded.
Installed these from taste-skill before? Install them from here; the install names did not change.
MIT. See LICENSE.