← ClaudeAtlas

imagegenlisted

Use when generating premium design reference images across three modes — brand identity boards, website section images, or mobile app screens — art-directed and implementation-friendly, not generic AI slop. Output is images only, never code. Triggers on "brand kit", "logo 设计", "品牌系统", "web design image", "landing page image", "网站设计图", "mobile design image", "app screen image", "移动端设计图", "手机界面图". Not for frontend code (use frontend-design) or image-to-code pipeline (use image-to-code).
int2t05/engineering-skills · ★ 3 · Code & Development · score 74
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