Agent skill · design visual · aiskillstore
mobile-design
(Mobile-First · Touch-First · Platform-Respectful)
Why this skill is useful
Provides a structured Mobile Feasibility & Risk Index (MFRI) and mandatory guidelines that help ensure mobile design adheres to best practices and platform constraints.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Mobile Design System (Mobile-First · Touch-First · Platform-Respectful) Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Law: Mobile is NOT a small desktop. Operating Rule: Think constraints first, aesthetics second. This skill exists to prevent desktop-thinking, AI-defaults, and unsafe assumptions when designing or building mobile applications. --- 1. Mobile Feasibility & Risk Index (MFRI) Before designing or implementing any mobile feature or screen, assess feasibility. MFRI Dimensions (1–5) Dimension Question -------------------------- ----------------------------------------------------------------- Platform Clarity Is the target platform (iOS / Android / both) explicitly defined? Interaction Complexity How complex are gestures, flows, or navigation? Performance Risk Does this involve lists, animations, heavy state, or media? Offline Dependence Does the feature break or degrade without network? Accessibility Risk Does this impact motor, visual, or cognitive accessibility? Score Formula Range: -10 → +10 Interpretation MFRI Meaning Required Action -------- --------- ------------------------------------- 6–10 Safe Proceed normally 3–5 Moderate Add performance + UX validation 0–2 Risky Simplify interactions or architecture < 0 Dangerous Redesign before implementation --- 2. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/mobile-design