PiSkill logoPiSkill
UI & Web Building

Responsive Dashboard UX Architect

Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior.

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

Responsive Dashboard UX Architect is a free AI skill for ui & web building. Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Responsive Dashboard UX Architect helps teams turn complex data and workflows into clear web interfaces. It defines user goals, hierarchy, layout, navigation, cards, tables, charts, filters, actions, empty states, loading, errors, responsiveness, accessibility, and design-system behavior.

What it does

The skill analyzes users, decisions, data, tasks, devices, and constraints; creates dashboard structure and interaction patterns; identifies clutter and priority conflicts; and produces an implementation-ready UX specification.

What is included

  • User and task model
  • Information hierarchy
  • Page and navigation structure
  • Component specification
  • Table and chart behavior
  • Filter and action design
  • Responsive states
  • Accessibility and acceptance criteria

How to use it

1. Download the responsive-dashboard-ux-architect-SKILL.md file
2. Upload it to your design workspace
3. Provide users, workflows, data, screenshots, and constraints
4. Add device, brand, and accessibility requirements
5. Use the specification for design and development

Examples

Example input
Design a responsive dashboard for a renewable-energy monitoring platform with plants, alarms, charts, comparisons, reports, and maintenance actions.
Example output
A complete UX architecture with navigation, overview hierarchy, cards, charts, tables, filters, alarm states, mobile layouts, accessibility, interaction rules, and acceptance criteria.

FAQ

What is this skill for?
It designs the structure and behavior of responsive web dashboards.
Can it improve an existing dashboard?
Yes. It can audit screenshots and workflows before proposing a redesign.
Does it include charts and tables?
Yes. It defines when to use them, interaction behavior, labels, states, and mobile fallbacks.
Can it support accessibility?
Yes. It includes keyboard, semantics, contrast, focus, zoom, and assistive-technology expectations.
Does it create visual mockups?
It creates a detailed UX specification; visual generation can be performed separately.
How is this different from a generic UI prompt?
It connects interface structure to user decisions, data, responsive behavior, states, and acceptance criteria.

Related Skills

UI & Web BuildingFree

Dashboard Widget and Personalization UX Architect

Design customizable dashboards with widget hierarchy, defaults, layout, permissions, empty states, responsive behavior, accessibility, and saved preferences.

ClaudeChatGPT
#dashboard UX#widget design#personalization
Explore Dashboard Widget and Personalization UX Architect Download Skill.md Package
UI & Web BuildingFree

Data Visualization UX Designer

Design clear data visualizations with chart selection, scales, labels, annotation, interaction, accessibility, and responsive behavior.

ClaudeChatGPT
#data visualization#chart design#analytics UX
Explore Data Visualization UX Designer Download Skill.md Package
UI & Web BuildingFree

Interactive Calculator UX and Validation Architect

Design professional web calculators with clear inputs, transparent formulas, validation, comparison views, accessibility, and shareable results.

ClaudeChatGPT
#web calculator#calculator UX#form validation
Explore Interactive Calculator UX and Validation Architect Download Skill.md Package

Related Prompts

Free

Dashboard Information Hierarchy Designer

Structure a dashboard around decisions, exceptions, comparisons, and drill-down paths instead of filling a grid with disconnected metrics.

ClaudeChatGPT
#dashboard-design#information-hierarchy#data-ux
Use Dashboard Information Hierarchy DesignerDownload Prompt.md