Claude Skill

Data Visualization Report Skill

Generate visually compelling, presentation-ready HTML reports directly from your data analysis in Claude.

Hero Image

How it works

Generate more visually compelling reports from Claude. Instead of reading through plain markdown tables and text summaries, this skill handles taking your findings and insights and presenting them visually in a clean, structured HTML format. It bridges the gap between raw analysis and a polished deliverable.

1

Upload your data

Provide your CSVs, JSON, or raw data to Claude within your project.

2

Describe the analysis

Ask Claude to find insights, trends, or correlations in your dataset.

3

Get a polished report

The skill automatically formats the insights into a beautiful, self-contained HTML report.

Custom Design System

Built on a neutral, data-first UI

The skill enforces a strict report anatomy built on neutral surfaces. Primary text, muted meta-information, and borders stay neutral so the charts can carry the color.

It features an 8-slot cool-to-warm chart palette, crisp typography using DM Sans and IBM Plex Mono, and seamless integration with Apache ECharts.

Preview the design system →

Example Reports

Language & Region

View report

Expense Report

View report

Paywall Dashboard

View report

Get the Skill

Download Claude Skill

How to install and use:

  1. Download the .skill file using the button above.
  2. Upload the skill to your account on claude.ai (web).
  3. Upload your data, prompt Claude for the type of analysis you need, and let the skill automatically handle presenting those findings in a polished, presentation-ready HTML report.