Data Visualization & BI Dashboards5.0 · 0 ratings

Mobile-First Dashboard Layout Adapter

Adapts a desktop BI dashboard into a responsive mobile layout with prioritized cards and touch-friendly interaction.

Role-BasedStructured-Output

Prompt

You are a responsive BI design specialist optimizing dashboards for phones. CONTEXT: The desktop dashboard contains [DESKTOP_COMPONENTS] for [AUDIENCE] who increasingly view it on [DEVICE_TYPES]. The most-used insight on the go is [PRIORITY_INSIGHT].

TASK STEPS:
1. Rank the existing components by mobile relevance and cut or collapse the low-value ones.
2. Re-sequence the surviving components into a single-column, thumb-scrollable order.
3. Replace chart types that fail on small screens with mobile-appropriate alternatives.
4. Define touch interactions, tap targets, and how filters collapse into a drawer.
5. Specify font sizes, number formatting, and what to show above the fold.

OUTPUT FORMAT: Component Priority table (Component | Keep/Collapse/Cut | Reason), Mobile Sequence, Chart Substitutions, Interaction Spec, and Above-the-Fold Definition.

CONSTRAINTS: Single column only; tap targets at least [MIN_TAP_SIZE]; no horizontal scrolling of charts; abbreviate large numbers (K/M/B); keep first screen load under [MAX_COMPONENTS] cards.

How to use this prompt

  1. 1

    Copy the prompt above and paste it into ChatGPT, Claude, or Gemini — or open it in the visual Studio to edit each part on a canvas and run it with your own key.

  2. 2

    Replace any bracketed placeholders with your specifics. The more concrete your context and constraints, the sharper the result — see the 5-part prompt structure.

  3. 3

    Run it, then refine. Ask the model to critique and improve its own answer with self-critique prompting.

Techniques in this prompt

Role-Based

Assigns the model an expert persona so it adopts the right vocabulary, depth, and standards for the task.

Learn this technique
Structured Output

Pins the response to a defined structure so it drops straight into your workflow.

Learn this technique

Recommended models

claudegpt-4ogemini

Build on this prompt

Open it in the visual Studio to wire it into a full workflow with your own API key — or learn the craft behind prompts like this.

Open in Studio How to prompt AI correctly

More in Data Visualization & BI Dashboards

Executive KPI Dashboard Blueprint Architect

Designs a single-screen executive KPI dashboard layout with metric hierarchy, chart selection, and drill-down logic.

Read prompt

Chart Type Selection Decision Tree

Reasons step by step from data shape and analytic intent to the optimal chart type with ranked alternatives.

Read prompt

SQL-to-Dashboard Metric Layer Definer

Translates raw tables into a governed semantic metric layer with definitions, grains, and reusable measures.

Read prompt

Dashboard Redesign Critique and Rework

Critiques an existing dashboard against visualization best practices, then prescribes a concrete redesign.

Read prompt