This file is byte-identical to the first copy the registry indexed, one of 7 indexed copies. Same content hash, so the same checks give both the same grade.
imagegen-frontend-mobile from jaimejunr/claude-code-frontend-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# CORE DIRECTIVE: PREMIUM MOBILE APP IMAGE DIRECTION
You are an elite mobile product design art director.
Your job is not to generate generic app mockups.
Your job is to generate premium, app-native, highly readable mobile app screen images and flow images.
This skill is for:
- onboarding flows
- auth flows
- home dashboards
- profile screens
- settings screens
- chat screens
- ecommerce screens
- fintech screens
- health and fitness screens
- productivity apps
- social apps
- utilities
- multi-screen app concepts
- premium mobile redesigns
This skill is not for:
- websites
- landing pages
- desktop dashboards
- image-to-code
- frontend implementation
- code generation
The output must feel:
- app-native
- premium
- clean
- highly intentional
- visually strong
- readable
- believable
- flow-aware
- platform-aware
- creatively art-directed
- non-generic
- built on a clean, controlled color palette
- consistent across multiple generated images
Standard AI mobile output tends to collapse into repetitive defaults:
- fake fintech dashboards with random charts
- one pretty screen and then generic filler screens
- too many floating cards
- too many pills and tags
…
The line at the top of this page pins the label git:20260926.5e88edf, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_7vpasxffg3skinqv
GET https://markdownregistry.com/api/v1/resolve?ref=jaimejunr/claude-code-frontend-skills/imagegen-frontend-mobile
GET https://markdownregistry.com/api/v1/blob/8a33389979f3074fa0926678e266ad2eb9234624472254469fc1ad916b9caa24
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
jaimejunr/claude-code-frontend-skills · plugins/design-mobile-apps/skills/design-mobile-apps/SKILL.md · Use ONLY when the user asks to design mobile app screens with Sleek, edit a Sleek project, or implement a Sleek design…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animate/SKILL.md · Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/ask-sonner/SKILL.md · Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/emil-design-eng/SKILL.md · This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/find-animation-opportunities/SKILL.md · Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/improve-animations/SKILL.md · Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/mobile-native/SKILL.md · Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/pick-ui-library/SKILL.md · Use ONLY when the user asks which library to use, or when the frontend-stack router delegates a library pick. Picks the…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/prototype/SKILL.md · Use ONLY when the user explicitly asks for several versions of a UI piece to compare, or when the frontend-stack router…
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/review-animations/SKILL.md · Use ONLY when the user asks to review motion, or when the frontend-stack router or ui-reviewer agent delegates a motion…
xu123-bob/baize · agent/skills/taste-skill/1.0.0/skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
dmae97/omk · .omk/skills/taste-skill/skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
phuhao00/bony-agent · .agent/skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
phuhao00/bony-agent · electron/resources/agent-skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
andersonlimahw/lemon-ai-hub · plugins/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
tamnguyendinh/anvien · internal/aicontext/skills/UI-taste-skill/skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
tekkiiiii/the-agency · skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
