mobile-design
(Mobile-First · Touch-First · Platform-Respectful)
Profile →npx skills add sickn33/agentic-awesome-skills --skill mobile-design --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 ``` MFRI = (Platform Clarity + Accessibility Readine
- 1. Mobile Feasibility & Risk Index (MFRI)
- MFRI Dimensions (1–5)
- Score Formula
- Interpretation
- 2. Mandatory Thinking Before Any Work
- ⛔ STOP: Ask Before Assuming (Required)
- 3. Mandatory Reference Reading (Enforced)
- Universal (Always Read First)
- Platform-Specific (Conditional)
- 4. AI Mobile Anti-Patterns (Hard Bans)
- 🚫 Performance Sins (Non-Negotiable)
- 🚫 Touch & UX Sins
- 🚫 Security Sins
- 5. Platform Unification vs Divergence Matrix
What does the mobile-design skill do?
(Mobile-First · Touch-First · Platform-Respectful)
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill mobile-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.