skill-gallery

Codex + frontend-ui-engineering · 表單與回饋元件狀態

下載 HTML run.json

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

捲動錄影

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

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

無障礙掃描

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

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

投票

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

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

執行詳細資訊

狀態
成功
Agent
codex-cli 0.164.0
模型
gpt-6.1-sol
Effort
high
題目
form-states v1
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
安裝位置
.agents/skills/frontend-ui-engineering
Skill 是否觸發
是
證據
injected: 1, skill_md_reads: 2
開始時間
2026-10-26 06:46:45Z
耗時
8m 36s
結束狀態
代碼 0
嘗試序號
1
Token 數
input_tokens: 331,822, cached_input_tokens: 273,280, output_tokens: 20,183, reasoning_output_tokens: 2,842
活動統計
agent_message 4, command_execution 13, web_search 2
隔離
所有檢查都通過
  • ✓ no_agents_md
  • ✓ no_plugins
  • ✓ no_apps
  • ✓ no_mcp_tools
  • ✓ no_managed_instructions
  • ✓ only_expected_skills
  • ✓ no_memory_sections
  • ✓ codex_home_was_minimal
  • ✓ real_keychain_unchanged
外部參照
  • https://design-system.service.gov.uk/components/text-input/ other
  • https://www.carbondesignsystem.com/building-blocks/core/components/button/specifications other
對 index.html 的靜態掃描,取自 run.json。
違反的規則
無
輸出
index.html, 66.4 KB
截圖(桌面版)
1440×900, 頁面高 4725 px, 0 個遠端請求
截圖(手機版)
390×844, 頁面高 8456 px, 0 個遠端請求
主機
Darwin 25.6.0, arm64, node v22.18.0