沙箱預覽：頁面的腳本會執行，但頁面無法存取本站、cookie 或儲存空間，因此依賴 localStorage 的功能可能會有不同的表現。
捲動錄影
頁面在桌面版寬度下捲動的錄影，用來呈現截圖看不到的動態效果。按下播放後才會載入影片。
▶ 播放捲動錄影
8 秒 · 620 KB · 720 px
無障礙掃描
對原始頁面進行的自動化掃描。自動化工具只能找出一部分無障礙問題，掃描結果乾淨並不代表頁面就符合無障礙。
- 工具
- axe-core
4.14.0 - 嚴重
- 0 條規則
- 較嚴重
- 1 條規則 · 1 個元素
- 中等
- 0 條規則
- 輕微
- 0 條規則
- 觸發的規則
color-contrast
投票
覺得這個結果比較好嗎？請在下方按 👍。投票需要登入 GitHub。票數會以 reaction 的形式存放在本儲存庫的 GitHub Discussions 中，每格一個討論串，所有語言共用。
👍 0 截至上次建置，每幾個小時更新一次
執行詳細資訊
- 狀態
- 成功
- Agent
- claude-code
2.1.308 - 模型
claude-opus-5-5- Effort
- high
- 題目
form-statesv1- Skill 附加句
Use the frontend-ui-engineering skill.- Skill 來源
- https://github.com/addyosmani/agent-skills
skills/frontend-ui-engineering - Skill commit
aeac41d4d0- Skill 取得方式
- git, 2026-10-26
- 安裝位置
.claude/skills/frontend-ui-engineering- Skill 是否觸發
- 是
- 證據
- skill_tool_calls: 1, skill_content_loaded: 1, skill_md_reads: 0
- 使用的內建 skill
- 無
- 開始時間
- 2026-10-26 06:42:20Z
- 耗時
- 9m 33s
- 結束狀態
- 代碼 0
- 嘗試序號
- 1
- Token 數
- input_tokens: 36, cache_creation_input_tokens: 96,441, cache_read_input_tokens: 1,375,726, output_tokens: 62,143
- 回合數
- 24
- 費用
- $2.29
- 活動統計
- Skill 1, Bash 6, Write 1, Read 14
- 隔離
- 所有檢查都通過
- ✓
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
- ✓
- 外部參照
https://fonts.googleapis.comlink[rel=preconnect]https://fonts.gstatic.comlink[rel=preconnect]https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swaplink[rel=stylesheet]
index.html的靜態掃描，取自run.json。- 違反的規則
- 無
- 輸出
- index.html, 75.6 KB
- 截圖（桌面版）
- 1440×900, 頁面高 6455 px, 4 個遠端請求
- 截圖（手機版）
- 390×844, 頁面高 13319 px, 4 個遠端請求
- 主機
- Darwin 25.6.0, arm64, node v22.18.0