Claude Code + frontend-design ยท Personal blog and portfolio
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 ยท 659 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
blog-portfoliov1- 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
- none
- Started
- 2026-10-26 03:17:35Z
- Duration
- 6m 29s
- Exit
- code 0
- Attempt
- 1
- Tokens
- input_tokens: 28, cache_creation_input_tokens: 72,166, cache_read_input_tokens: 743,387, output_tokens: 37,752
- Turns
- 30
- Cost
- $1.48
- Activity
- Skill 1, Write 1, Bash 9, Read 13
- 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=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Newsreader:ital,opsz,wght@0,6..72,400..600;1,6..72,400..500&display=swaplink[rel=stylesheet]
index.html, fromrun.json.- Rule violations
- none
- Output
- index.html, 47.7 KB
- Screenshot (Desktop)
- 1440ร900, page 7878 px tall, 5 remote request(s)
- Screenshot (Mobile)
- 390ร844, page 10528 px tall, 5 remote request(s)
- Host
- Darwin 25.6.0, arm64, node v22.18.0