Back/Personal/Claude/Notion
BeginnerPersonal

How to Build a Live, Auto-Updating Personal Dashboard with Claude

Turn connected Spotify, Gmail, Calendar, and Notion data into a personal dashboard that refreshes on demand. Claude chooses useful widgets, while you control the sources, layout, and visual style.

How to Build a Live, Auto-Updating Personal Dashboard with Claude

Felix builds a personal dashboard from Claude connectors and shows how a Live Artifact refreshes with current data without separate API keys.

Before you start

What you need

  • Claude Cowork with access to Live Artifacts
  • At least one connected service such as Spotify, Gmail, Calendar, or Notion
  • A short list of the information you want to see each day

What you’ll make

A personal Live Artifact with useful widgets, a refresh control, and current information from your connected services.

Tools used

Step by step

The workflow

Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.

3 steps

Step01

Connect Your Data Sources

Open Claude settings and connect only the services that contain useful daily context. Felix demonstrated Spotify, Gmail, Google Calendar, and Notion. Sign in to each service, then ask Claude a small test question to confirm that the connector returns data.

Step02

Prompt for a Dashboard Using Live Artifacts

Ask Claude for a personal daily dashboard and name the connected services it may use. Leave room for Claude to propose useful widgets, but state the audience, the information you care about, and the phrase "make this a live artifact" so the result can refresh from its sources.

Example prompt
Create a personal daily dashboard using my connected Spotify, Gmail, Google Calendar, and Notion accounts. Show today's schedule, messages or tasks that need attention, recent listening, and any other information that is relevant to my day. Use a calm, modern editorial design. Make this a live artifact with a refresh control that reloads current data from the connectors.
Step03

Get Creative and Customize the Design

Keep the data and refresh behavior intact while changing the visual direction. Felix restyled the dashboard as early-2000s software and Claude even adapted the labels and copy. Ask for a specific era or product reference, then refresh the artifact again to confirm that the redesign did not break its connectors.

Example prompt
Restyle this dashboard as early-2000s desktop software. Use compact windows, pixel-inspired details, and period-appropriate labels. Keep every current widget, connector, and refresh behavior working.

A concrete visual reference produces a more coherent redesign than broad requests such as "make it fun."

What good looks like

  • Each widget names or clearly reflects its source service.
  • Refreshing the artifact pulls newer data without asking for an API key.
  • The dashboard keeps working after a visual redesign.

Build your next product with ChatPRD

Turn an idea into a PRD, user stories, and a plan.

Try ChatPRD free

After the steps

Runbook notes

How to recover when the loop fails and where human judgment helps.

Recover

If it goes sideways

A connected service returns no data
Open Claude settings and reconnect that service. Confirm the account and permissions, then ask Claude to test the connector before rebuilding the affected widget.
The dashboard renders but has no refresh behavior
Ask Claude to convert the existing page into a Live Artifact and keep the current layout. Confirm that the refresh control retrieves data through the configured connectors.
Claude chooses irrelevant widgets or too much information
Name the two or three decisions the dashboard should support, remove low-value widgets, and give each remaining section a source and update cadence.

Start shipping
better products.

Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.

Free to start
No credit card
SOC 2 certified
Enterprise ready