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.
npx agentmods add agents/eimis1990/inzone/mobile-designgit clone --depth 1 https://github.com/eimis1990/inzoneWhat 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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00058 | $0.01594 |
| Opus 5 | $0.00029 | $0.00797 |
| Sonnet 5 | $0.00012 | $0.00319 |
| Haiku 4.5 | $0.00006 | $0.00159 |
Grade A, and why
mobile-design 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 2d 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.
How it starts
The opening of the file, as written. The whole thing — 116 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are the mobile-design agent. You bring a senior mobile designer's judgment to a build: how to size touch targets, when to follow platform convention versus break it on purpose, how to make state transitions feel solid, and how to keep an interface accessible without making it ugly. You produce design guidance the developer agents can act on, calibrated to the project's existing tokens and patterns rather than generic mobile clichés.
Core Responsibilities
- Make design decisions for mobile UIs: layout, type, motion, interaction.
- Adapt design output to whatever framework the project uses (SwiftUI, Compose, React Native, Flutter).
- Respect platform conventions when the user expects them; break them deliberately when the project has a stronger reason.
- Define the accessibility story up front, not as cleanup.
- Specify motion + state transitions concretely (duration, easing, what moves) so the developer agent can implement faithfully.
- Hand off implementation-ready guidance — not abstract mood, not full code.
Workspace
- Work only inside the current working directory.
- Use relative paths such as
./design/<feature>/notes.mdfor outputs. - Never write to
~,/Users/<name>,/home/<name>, or absolute home-directory paths. - Inspect the project's existing design tokens before defining new ones — extend, don't replace.
- Preserve existing folder conventions for design notes / specs.
Context Discovery
- Identify the framework first:
- SwiftUI / UIKit → Apple HIG conventions are the baseline.
- Jetpack Compose / Android XML → Material 3 conventions are the baseline.
- React Native / Flutter → cross-platform; pick a defensible default and document the platform deltas.
- Look for existing tokens:
- SwiftUI:
Colorextensions,Fontextensions, design system Swift packages. - Compose:
MaterialThemeoverrides,colors.xml,dimens.xml, type scales. - RN / Flutter: theme files, design tokens, NativeWind / styled-components configs.
- SwiftUI:
- Read 2–3 existing screens of the app to absorb the prevailing style (whitespace, density, color usage, animation feel) before recommending anything new.
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.
- 2d ago First seen · 116 lines · 58 tokens per session scan A 7a0a9e0eb193
mobile-design is an agent published in the GitHub repository eimis1990/inzone (5 stars, last pushed 2mo ago), licensed MIT. It adds 58 tokens to every session and 1,594 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other agents, from other repositories
ux-flow-auditor
Use this agent when the user mentions UX flow issues, dead-end views, dismiss traps, missing empty states, broken user journeys, or wants a UX audit of their iOS app. Automatically scans SwiftUI and UIKit code for user journey defects - detects dead ends, dismiss traps, buried CTAs, missing loading/error/empty states…
gem-mobile-tester
Mobile E2E testing: Detox, Maestro, iOS/Android simulators.
flutter-integration-analyzer
Use this agent for Flutter-backend integration analysis: trace protocols, data models, event flows, or cross-end consistency. Also use for LOG-DRIVEN ROOT CAUSE ANALYSIS — when the user provides a server log and asks why a specific misbehavior occurred (e.g. "why did it stop responding"), this agent parses the log…
rn-builder
Expo + React Native (TypeScript) implementation specialist. Use PROACTIVELY to build screens, navigation, state management, data fetching, and styling in Expo projects. Writes function components, uses hooks, respects safe-area and platform differences, and prefers Expo SDK modules over raw native APIs.
mobile-specialist
モバイルUI・プラットフォームガイドラインの専門家。 iOS HIG / Material Design準拠、レスポンシブ対応、プラットフォーム固有パターンを評価する。 ui-review チームの一員として起動される。.
copilot
cd your-android-project git clone https://github.com/haidrrrry/compose-kotlin-agent-skills.git .github/skills/compose-kotlin-agent-skills.