mobile-design-discovery

Guide mobile design discovery conversations to extract JTBD, context, taste, hierarchy, and constraints.

2|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/VGonPa/mobile-dev-agency --skill mobile-design-discovery
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design-discovery
Source: https://github.com/VGonPa/mobile-dev-agency/tree/main/plugins/mobile-design-squad/.claude/skills/mobile-design-discovery
Command: npx skills add https://github.com/VGonPa/mobile-dev-agency --skill mobile-design-discovery

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design discovery sessions translate vague screen requests into a precise, actionable brief. It surfaces the JTBD, context, taste, hierarchy, and constraints so downstream skills can design with confidence and avoid costly rework.

Core Features & Use Cases

  • Guides a six-phase conversation (JTBD, Context, Taste & Emotion, Content Hierarchy, Constraints, Design DNA Extraction) to extract essential design inputs.
  • Produces a structured Design Brief that downstream skills (mobile-visual-design, flutter-ui-craft) can rely on.
  • Applies to starting a new screen, redesigning an existing UI, or clarifying functionality described verbally.

Quick Start

Start a design discovery session with the user to define JTBD, context, taste, and content hierarchy before any visual design begins.

Frequently Asked Questions about mobile-design-discovery

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn vague mobile design ideas into a precise design brief?

To turn vague mobile design ideas into a precise design brief, you run a six-phase discovery conversation extracting JTBD, context, taste, hierarchy, and constraints before writing any UI code. This structured process prevents costly rework downstream.

What is the best way to define jobs-to-be-done and content hierarchy for a new mobile screen?

Defining jobs-to-be-done and content hierarchy for a new mobile screen is best achieved through an interactive design discovery session. This process guides you through specific phases to extract essential design inputs before visual work begins.

Do I need to complete a design discovery session before using mobile UI code generators?

You need to complete a design discovery session before using mobile UI code generators to ensure they receive a precise, actionable brief. This preparatory step surfaces constraints and context so downstream skills can design with confidence.

Can I use this mobile design discovery workflow for redesigning an existing UI?

You can use this mobile design discovery workflow for redesigning an existing UI, starting a new screen, or clarifying verbally described functionality. It extracts the necessary design DNA to produce a structured brief for any of these scenarios.

What constraints and design inputs are extracted during a mobile design discovery conversation?

During a mobile design discovery conversation, the constraints and design inputs extracted cover JTBD, context, taste and emotion, content hierarchy, and design DNA. These elements are structured into a comprehensive brief for downstream visual design skills.