Image generation: mobile
On this page 3
stacks-imagegen-mobile · Design · model-invoked
Generates premium mobile app screens and flows as reference images, shown inside clean iOS, Android or cross-platform phone mockups. Images only. Prioritises readable hierarchy, multi-screen consistency and believable flow logic.
Inside the skill
The sections an agent reads once the skill loads.
-
- ACTIVE BASELINE CONFIGURATION
-
- PLATFORM MODE RULE
-
- MANDATORY SCREEN-FIRST RULE
-
- GENERATE ENOUGH SCREENS RULE
-
- DO NOT CROP OLD IMAGES RULE
-
- APP DESIGN BIBLE RULE
-
- MULTI-SCREEN CONSISTENCY RULE
-
- LOGICAL FLOW RULE
-
- DEFAULT MOCKUP PRESENCE RULE
-
- DEVICE MOCKUP FRAME RULE
-
- ONBOARDING FLOW RULE
-
- FIRST SCREEN CLEANLINESS RULE
-
- SAFE AREA AND SYSTEM REGION RULE
-
- NAVIGATION RULE
-
- CLEAN LAYOUT RULE
-
- CREATIVE IMAGE DIRECTION RULE
-
- BACKGROUND TEXTURE AND SURFACE RULE
-
- IMAGE-BEHIND-TEXT RULE
-
- CREATIVE ASSET RULE
-
- ICONOGRAPHY RULE
-
- MOBILE ANTI-AI-TELLS RULE
-
- STYLE VARIATION ENGINE
-
- COLOR PALETTE RULE
-
- NON-GENERICITY RULE
-
- NOT ALWAYS SIMPLE RULE
-
- IMAGE SYSTEM RULE
-
- FIXED MOBILE MEDIA FRAME RULE
-
- TEXT RULE
-
- TEXT SIZE AND READABILITY RULE
-
- TYPOGRAPHY RULE
-
- SPACING AND DENSITY RULE
-
- SCREEN-TO-SCREEN VARIATION RULE
-
- CATEGORY-SPECIFIC BIAS
-
- REGENERATION RULE
-
- QUALITY CHECK
-
- RESPONSE BEHAVIOR
-
- EXAMPLE INTERPRETATIONS
-
- FINAL GOAL
Related skills
Using it
This one is model-invoked. Your agent reaches for it on its own when the task matches, and you can also call it by name:
/stacks-imagegen-mobile
Source: stacks-imagegen-mobile/SKILL.md.
Shadow it for one project with app/Skills/stacks-imagegen-mobile/SKILL.md, then re-run
buddy setup:ai. See Writing your own.