Claude Code + frontend-design ยท Data dashboard
Sandboxed preview: the page's scripts run, but the page cannot reach this site, cookies or storage, so features that rely on localStorage may behave differently.
Scroll recording
A recording of the page being scrolled at desktop width, for motion that screenshots cannot show. The video loads only when you press play.
โถ Play the scroll recording
8 s ยท 839 KB ยท 720 px
Accessibility scan
An automated scan of the original page. Automated tools find only some accessibility problems, so a clean result does not mean the page is accessible.
- Tool
- axe-core
4.14.0 - critical
- 0 rules
- serious
- 0 rules
- moderate
- 0 rules
- minor
- 0 rules
- Rules triggered
- none
Vote
Do you prefer this result? Give it a ๐ below. Voting needs a GitHub account. Votes are stored as reactions in this repository's GitHub Discussions, in one thread per cell that all languages share.
๐ 0 as of the last build; refreshed every few hours
Run details
- Status
- OK
- Agent
- claude-code
2.1.308 - Model
claude-opus-5-5- Effort
- high
- Prompt
dashboardv1- Skill sentence
Use the frontend-design skill.- Skill source
- https://github.com/anthropics/skills
skills/frontend-design - Skill commit
dbd4588f9e- Skill fetched by
- git, 2026-10-25
- Installed to
.claude/skills/frontend-design- Skill triggered
- Yes
- Evidence
- skill_tool_calls: 1, skill_content_loaded: 1, skill_md_reads: 0
- Bundled skills used
- dataviz
- Started
- 2026-10-26 03:04:13Z
- Duration
- 6m 08s
- Exit
- code 0
- Attempt
- 1
- Tokens
- input_tokens: 26, cache_creation_input_tokens: 57,879, cache_read_input_tokens: 570,501, output_tokens: 38,731
- Turns
- 20
- Cost
- $1.35
- Activity
- Skill 2, Bash 6, Write 1, Read 6
- Isolation
- all checks passed
- โ
init_event_present - โ
only_builtin_plugins - โ
no_synced_plugins - โ
no_mcp_servers - โ
no_plugin_skills - โ
config_dir_was_empty - โ
home_had_only_throwaway_keychain - โ
real_keychain_unchanged - โ
auto_memory_disabled - โ
skill_listed
- โ
- External refs
https://fonts.googleapis.comlink[rel=preconnect]https://fonts.gstatic.comlink[rel=preconnect]https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swaplink[rel=stylesheet]https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@700;800&display=swaplink[rel=stylesheet]
index.html, fromrun.json.- Rule violations
- none
- Output
- index.html, 52.0 KB
- Screenshot (Desktop)
- 1440ร900, page 2022 px tall, 4 remote request(s)
- Screenshot (Mobile)
- 390ร844, page 3861 px tall, 4 remote request(s)
- Host
- Darwin 25.6.0, arm64, node v22.18.0