skill-gallery

Codex + frontend-design · 資料儀表板

下載 HTML run.json

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

捲動錄影

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

▶ 播放捲動錄影 8 秒 · 812 KB · 720 px

無障礙掃描

對原始頁面進行的自動化掃描。自動化工具只能找出一部分無障礙問題,掃描結果乾淨並不代表頁面就符合無障礙。

工具
axe-core 4.14.0
嚴重
0 條規則
較嚴重
2 條規則 · 29 個元素
中等
1 條規則 · 1 個元素
輕微
0 條規則

投票

覺得這個結果比較好嗎?請在下方按 👍。投票需要登入 GitHub。票數會以 reaction 的形式存放在本儲存庫的 GitHub Discussions 中,每格一個討論串,所有語言共用。

👍 0 截至上次建置,每幾個小時更新一次

執行詳細資訊

狀態
成功
Agent
codex-cli 0.164.0
模型
gpt-6.1-sol
Effort
high
題目
dashboard v1
Skill 附加句
Use the $frontend-design skill.
Skill 來源
https://github.com/anthropics/skills skills/frontend-design
Skill commit
dbd4588f9e
Skill 取得方式
git, 2026-10-25
安裝位置
.agents/skills/frontend-design
Skill 是否觸發
是
證據
injected: 1, skill_md_reads: 2
開始時間
2026-10-25 17:02:36Z
耗時
11m 32s
結束狀態
代碼 0
嘗試序號
1
Token 數
input_tokens: 438,821, cached_input_tokens: 416,256, output_tokens: 30,631, reasoning_output_tokens: 8,394
活動統計
agent_message 5, command_execution 14
隔離
所有檢查都通過
  • ✓ no_agents_md
  • ✓ no_plugins
  • ✓ no_apps
  • ✓ no_mcp_tools
  • ✓ no_managed_instructions
  • ✓ only_expected_skills
  • ✓ no_memory_sections
  • ✓ codex_home_was_minimal
外部參照
  • https://fonts.googleapis.com link[rel=preconnect]
  • https://fonts.gstatic.com link[rel=preconnect]
  • https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Instrument+Sans:wght@400;450;500;550;600;650;700&display=swap link[rel=stylesheet]
對 index.html 的靜態掃描,取自 run.json。
違反的規則
無
輸出
index.html, 56.5 KB
截圖(桌面版)
1440×900, 頁面高 1584 px, 3 個遠端請求
截圖(手機版)
390×844, 頁面高 2933 px, 3 個遠端請求
主機
Darwin 25.6.0, arm64, node v22.18.0