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