tableau-dashboard-creator-skill

# Tableau Dashboard Creator Skill

An agentic AI skill that transforms a human-language dashboard request into an implementable Tableau specification, complete with interactive HTML mock, technical implementation blueprint, and an experimental `.twbx` workbook — all through a guided, approval-gated workflow.

Works with **Claude Code**, **Cursor**, and any other agentic AI coding tool that supports skills.

## Preview

> The skill generates an interactive HTML mock (Step C) that previews your dashboard before building it in Tableau.

![Dashboard Mock Preview](assets/mock_screenshot.jpeg)

*Open `demo/output/mock-version/v_1/mock.html` in a browser to try the interactive version.*

## Prerequisites

| Requirement | Details |
|-------------|---------|
| **Agentic AI tool** | [Claude Code](https://docs.anthropic.com/en/docs/claude-code), [Cursor](https://www.cursor.com/), or any tool that supports skill files (`SKILL.md`) |
| **Python 3.8+** | Required only if using SQL database queries (Step A) |
| **Tableau Desktop** | Required only for opening `.twbx` workbooks (Step E) |

## What This Skill Does

The skill guides you through **6 steps**, each requiring your approval before proceeding:

```
Step 0: Brand Setup         → Extracts design tokens from your branding/template
Step A: Data Exploration    → Analyzes your data sources, builds a data dictionary
Step B: Dashboard Planning  → Plans KPIs, charts, filters, and layout
Step C: HTML Mock           → Generates an interactive HTML prototype (Chart.js)
Step D: Implementation Spec → Creates a detailed Tableau build blueprint
Step E: TWB Generation      → Produces a .twbx workbook file (experimental)
```

Each step outputs a versioned artifact. You review, request changes, or approve — then move on.

---

## Repository Structure

```
tableau-dashboard-creator-skill/
├── README.md                                    ← You are here
├── LICENSE                                      # MIT License
├── CONTRIBUTING.md