UI & Web Building

Data Visualization UX Designer

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

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

Data Visualization UX Designer is a free AI skill for ui & web building. Design clear data visualizations with chart selection, scales, labels, annotation, interaction, accessibility, and responsive behavior. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Design clear data visualizations with chart selection, scales, labels, annotation, interaction, accessibility, and responsive behavior. This skill converts user goals, product constraints, existing design evidence, and technical behavior into a structured UX specification.

What it does

The skill analyzes the user journey, product behavior, visual and interaction context, accessibility needs, responsive constraints, edge cases, and available evidence; then produces a professional design plan with clear states, priorities, tests, and implementation criteria.

What is included

  • Visualization context
  • Analytical questions
  • Data assessment
  • Chart selection
  • Scales and encodings
  • Labels and annotations
  • Interactions
  • Missing data

How to use it

1. Download the data-visualization-ux-designer-SKILL.md file
2. Upload it to your design or product workspace
3. Provide the current screens, users, goals, constraints, and evidence
4. Add technical, accessibility, responsive, and brand requirements
5. Use the final specification for design, implementation, and review

Examples

Example input
Design visualizations for solar power, irradiance, temperature, losses, alarms, and inverter comparisons.
Example output
A complete professional deliverable covering user goals, structure, interaction rules, responsive behavior, accessibility, edge states, validation, and implementation criteria.

FAQ

What is this skill for?
It creates a professional, implementation-ready data visualization ux designer deliverable.
Can it improve an existing design?
Yes. It can review screenshots, flows, prototypes, specifications, and implementation evidence.
Does it include accessibility?
Yes. Relevant keyboard, focus, contrast, semantics, motion, and assistive-technology requirements are included.
Can it work without analytics?
Yes, but assumptions and hypotheses are labeled clearly until evidence is available.
Does it create final visual files?
It creates the complete design specification and acceptance criteria; visual production can follow from that specification.
How is this different from a generic design prompt?
It defines inputs, workflow, states, constraints, evidence rules, outputs, and implementation criteria.

Related Skills

UI & Web BuildingFree

Responsive Dashboard UX Architect

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

ClaudeChatGPT
#dashboard UX#responsive design#web app design
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
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