imagegenlisted
Install: claude install-skill int2t05/engineering-skills
# Imagegen
Generate premium design reference images across three modes — brand identity, web sections, mobile
screens — that feel art-directed and implementation-friendly, not generic AI slop. Output is images
only, never code.
## When to use
- Brand identity boards, logo concepts, identity systems → **brand** mode
- Website section reference images (one horizontal image per section) → **web** mode
- Mobile app screen concepts and multi-screen flows → **mobile** mode
- Triggers on "brand kit", "logo 设计", "品牌系统", "web design image", "landing page image", "网站设计图", "mobile design image", "app screen image", "移动端设计图", "手机界面图"
**Not for:** frontend code (use `frontend-design`); image-to-code pipeline (use `image-to-code`).
**Tool note:** use an available image-generation tool — do not bind to a specific product.
## Steps
### 1. Pick the mode and load its workflow
Infer from the brief which mode fits, then load that mode's reference for the full workflow. Each
mode has its own section-count rule, composition logic, and anti-slop list.
- **brand** — brand-kit overview boards, logo concepting, identity systems → [references/brand-mode.md](references/brand-mode.md)
- **web** — one horizontal section image per section, premium art direction → [references/web-mode.md](references/web-mode.md)
- **mobile** — phone-mockup-framed app screens and multi-screen flows → [references/mobile-mode.md](references/mobile-mode.md)
If the brief spans modes (e.g. a brand system plus web mockup