skill-gallery

Claude Code + frontend-ui-engineering · Data dashboard

Download HTML run.json

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 · 962 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
1 rule · 1 element
minor
0 rules
Rules triggered
landmark-unique

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
dashboard v1
Skill sentence
Use the frontend-ui-engineering skill.
Skill source
https://github.com/addyosmani/agent-skills skills/frontend-ui-engineering
Skill commit
aeac41d4d0
Skill fetched by
git, 2026-10-26
Installed to
.claude/skills/frontend-ui-engineering
Skill triggered
Yes
Evidence
skill_tool_calls: 1, skill_content_loaded: 1, skill_md_reads: 0
Bundled skills used
none
Started
2026-10-26 06:24:24Z
Duration
9m 27s
Exit
code 0
Attempt
1
Tokens
input_tokens: 30, cache_creation_input_tokens: 76,137, cache_read_input_tokens: 972,228, output_tokens: 57,778
Turns
20
Cost
$1.96
Activity
Skill 1, Bash 10, Write 1, Read 4
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.com link[rel=preconnect]
  • https://fonts.gstatic.com link[rel=preconnect]
  • https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=IBM+Plex+Sans:wght@400;500;600&display=swap link[rel=stylesheet]
Static scan of index.html, from run.json.
Rule violations
none
Output
index.html, 63.0 KB
Screenshot (Desktop)
1440×900, page 1649 px tall, 3 remote request(s)
Screenshot (Mobile)
390×844, page 3443 px tall, 3 remote request(s)
Host
Darwin 25.6.0, arm64, node v22.18.0