Artifacts: turn JSON into a Mac dashboard

ArtifactsAIDuration

This 32-second video shows Artifacts in FavTray, a Mac menu bar app for developers. Claude Code writes one JSON file and FavTray draws the stat cards, tables and charts. You ask Claude Code for a dashboard, the FavTray Skill writes the JSON, and FavTray draws stat cards, a table and charts. You can hover for values, filter, drag and resize widgets, turn a chart into a donut and export the result as HTML.

Read more on the Artifacts page, or see what’s free and what’s in Pro.

What you’ll see

  1. · Claude Code is asked for a dashboard
  2. · The FavTray Skill writes the JSON
  3. · Stat cards, a table and charts
  4. · Filter, drag and resize
  5. · Export as HTML

On screen

The video has music and on-screen captions, no narration. The captions, in order:

  1. 0:00 Your data, as a Mac dashboard.
  2. 0:02 Ask Claude Code for a dashboard.
  3. 0:06 The FavTray Skill writes the JSON.
  4. 0:09 Stats. A table. Every model.
  5. 0:12 Spend, tokens or change.
  6. 0:14 Hover for the number.
  7. 0:16 Filter it like an app.
  8. 0:19 Drag. Resize. Make it a donut.
  9. 0:24 Export it as HTML.
  10. 0:26 The FavTray Skill comes with Pro.

Questions about Artifacts

Where does an artifact dashboard come from?
A JSON file, usually written by Claude Code or Codex, that FavTray draws as a native dashboard with stat cards, tables and charts.
Is it free?
Free includes 2 artifacts; Pro has no limit. The FavTray Skill that writes them comes with Pro.

Something new: My Dock Buddies