imagegen-frontend-mobile

imagegen-frontend-mobile is a skill for Claude Code, Codex from dmae97/omk. It costs 126 tokens per session (8,722 once invoked), scanned A, a copy of imagegen-frontend-mobile, MIT.

A guide for generating polished mobile-app screen concepts and multi-screen flows for iOS, Android, and cross-platform products.

In plain words
What is it for?
Use it to create app-native screen concepts and flows with readable text, coordinated screens, controlled colors, and textured visual treatments.
Why use it?
It helps establish a consistent visual direction for mobile interfaces before or during product design.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to create app-native screen concepts and flows with readable text, coordinated screens, controlled colors, and textured visual treatments.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/dmae97/omk/imagegen-frontend-mobile
View source ↗ dmae97/omk
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add dmae97/omk --skill imagegen-frontend-mobile
Clone the repo
git clone --depth 1 https://github.com/dmae97/omk

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for imagegen-frontend-mobile

README.md
[![agentmods](https://agentmods.dev/badge/skills/dmae97/omk/imagegen-frontend-mobile/github.svg)](https://agentmods.dev/skills/dmae97/omk/imagegen-frontend-mobile)
Your own site
<a href="https://agentmods.dev/skills/dmae97/omk/imagegen-frontend-mobile"><img src="https://agentmods.dev/badge/skills/dmae97/omk/imagegen-frontend-mobile/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for imagegen-frontend-mobile

Your own site · 80×15
<a href="https://agentmods.dev/skills/dmae97/omk/imagegen-frontend-mobile"><img src="https://agentmods.dev/badge/skills/dmae97/omk/imagegen-frontend-mobile.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 126 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 8,722 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 100% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00126 $0.08722
Opus 5.5 $0.00050 $0.03489
Sonnet 5.5 $0.00025 $0.01744
Haiku 4.5 $0.00013 $0.00872

Measured 1mo ago against content hash 8a33389979f3, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

imagegen-frontend-mobile scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to imagegen-frontend-mobile — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

.omk/skills/taste-skill/skills/imagegen-frontend-mobile/SKILL.md · 1,466 lines

How it starts

The opening of the file, as written. The whole thing — 1,466 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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
  • no safe-area awareness
  • weak navigation logic
  • phone-sized websites
  • gradient-heavy dribbble clones
  • glassmorphism without purpose
  • tiny unreadable text
  • too much content above the fold
  • cloned onboarding screens
  • fake complexity instead of good mobile hierarchy
  • sterile flat backgrounds with no texture or visual atmosphere
  • generic palettes
  • default purple-blue startup color clichés
  • random bright colors
  • generic developer-tool icon sets
  • overly simplistic layouts that feel empty instead of elegant
  • screen sets that drift into different design systems
  • inconsistent device mockups and uneven margins around the phone
  • device frames that dominate more than the actual screen content

Your goal is to aggressively break these defaults.

IMPORTANT: This skill generates images only. Do not switch into coding mode. Do not describe code. Do not build SwiftUI, React Native, Flutter, or HTML. Generate mobile screen images and screen-flow images only.


Read the full file on GitHub · 1,466 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 1,466 lines · 126 tokens per session scan A 8a33389979f3

Subscribe to this mod's changes

imagegen-frontend-mobile is a skill published in the GitHub repository dmae97/omk (149 stars, last pushed today), licensed MIT. It adds 126 tokens to every session and 8,722 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 100% identical to imagegen-frontend-mobile, differing in 0 lines, and is treated as a copy.