skill-gallery

Codex + frontend-design · 个人博客与作品集

下载 HTML run.json

沙箱预览:页面的脚本会运行,但页面无法访问本站、cookie 或存储,所以依赖 localStorage 的功能可能表现不同。

滚动录屏

页面在桌面宽度下滚动的录屏,用来展示截图看不到的动效。点了播放才会加载视频。

▶ 播放滚动录屏 8 秒 · 670 KB · 720 px

无障碍扫描

对原始页面做的自动化扫描。自动化工具只能发现一部分无障碍问题,扫描结果干净并不代表页面就是无障碍的。

工具
axe-core 4.14.0
严重
0 条规则
较严重
1 条规则 · 7 个元素
中等
0 条规则
轻微
0 条规则
触发的规则
color-contrast

投票

觉得这个结果更好?在下面点 👍。投票需要登录 GitHub。票数以 reaction 的形式存在本仓库的 GitHub Discussions 里,每格一个讨论帖,所有语言共用。

👍 0 截至上次构建,每几个小时更新一次

运行详情

状态
成功
Agent
codex-cli 0.164.0
模型
gpt-6.1-sol
Effort
high
题目
blog-portfolio 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:11:54Z
耗时
7m 35s
退出状态
退出码 0
尝试次数
1
Token
input_tokens: 261,614, cached_input_tokens: 250,752, output_tokens: 21,703, reasoning_output_tokens: 1,795
活动
agent_message 4, command_execution 11, file_change 1
隔离
全部检查通过
  • ✓ 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=Manrope:wght@400;450;500;550;600;650;700&family=Newsreader:ital,wght@0,400;0,450;0,500;1,400&display=swap link[rel=stylesheet]
对 index.html 的静态扫描结果,来自 run.json。
违反规则
无
输出
index.html, 53.2 KB
截图(桌面)
1440×900, 页面高 4985 px, 4 个远程请求
截图(手机)
390×844, 页面高 7504 px, 4 个远程请求
主机
Darwin 25.6.0, arm64, node v22.18.0