skill-gallery

Claude Code · 原生 · 個人部落格與作品集

下載 HTML run.json

沙箱預覽:頁面的腳本會執行,但頁面無法存取本站、cookie 或儲存空間,因此依賴 localStorage 的功能可能會有不同的表現。

捲動錄影

頁面在桌面版寬度下捲動的錄影,用來呈現截圖看不到的動態效果。按下播放後才會載入影片。

▶ 播放捲動錄影 8 秒 · 623 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
題目
blog-portfolio v1
使用的內建 skill
無
開始時間
2026-10-26 02:51:19Z
耗時
10m 28s
結束狀態
代碼 0
嘗試序號
1
Token 數
input_tokens: 24, cache_creation_input_tokens: 52,776, cache_read_input_tokens: 608,669, output_tokens: 41,065
回合數
18
費用
$1.37
活動統計
Write 1, Bash 7, Read 5
隔離
所有檢查都通過
  • ✓ init_event_present
  • ✓ only_builtin_plugins
  • ✓ no_synced_plugins
  • ✓ no_mcp_servers
  • ✓ no_plugin_skills
  • ✓ config_dir_was_empty
  • ✓ home_was_empty
  • ✓ auto_memory_disabled
外部參照
  • https://fonts.googleapis.com link[rel=preconnect]
  • https://fonts.gstatic.com link[rel=preconnect]
  • https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap link[rel=stylesheet]
對 index.html 的靜態掃描,取自 run.json。
違反的規則
無
輸出
index.html, 59.9 KB
截圖(桌面版)
1440×900, 頁面高 8571 px, 6 個遠端請求
截圖(手機版)
390×844, 頁面高 11040 px, 6 個遠端請求
主機
Darwin 25.6.0, arm64, node v22.18.0