mcpField
M
mobile-app-ui-design

mobile-app-ui-design

github.com/podoDesign & UI34216 installsUpdated 3w ago
Repository

About mobile-app-ui-design

A mobile UI design skill focused on purposeful hierarchy, natural motion, contextual personalization, and responsive micro-interactions. It is intended for mobile interface work where interaction and visual craft are the main concern.

Key features

  1. 01Purposeful visual hierarchy and spacing
  2. 02Natural motion and transitions
  3. 03Context-sensitive interface design
  4. 04Responsive micro-interactions

Use cases

  1. 01Designing polished mobile app screens
  2. 02Adding motion and interaction detail to mobile interfaces

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill mobile-app-ui-design

After installing, type/mobile-app-ui-designin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

mobile-app-ui-design

Catalogue stub — full skill: ceorkm/mobile-app-ui-design

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/mobile-app-ui-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/mobile-app-ui-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as mobile-app-ui-design, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/mobile-app-ui-design ] && echo "global" || echo "project"

    Global:

    npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -g -y

    Project:

    npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: no LICENSE file in the repo

Invoke after install

  • Skill name: mobile-app-ui-design
  • Triggers: "mobile UI", "mobile-app-ui-design", "alive interfaces", "smooth mobile"

What it does

Craft-focused mobile UI design skill modeled on the visual and interaction patterns of top-tier apps. Guides creating interfaces that feel intentional (purposeful hierarchy and spacing), smooth (natural motion and transitions), personal (adapted to context and user), and alive (responsive micro-interactions). Use when quality of craft is the primary concern.

When NOT to use

  • Cross-platform guidelines and platform rules — use mobile-app-design
  • Platform-specific HIG compliance — use apple-hig-skills
  • Sleek platform integration — use sleek-design-mobile-apps

Comments

Markdown supported