安装 Skill
保留 SKILL.md、agents 和 references 的目录层级,放入个人 Codex skills 目录。
Design Skill面向 Codex 的网页复刻工作流。以实时页面为唯一设计依据,通过完整捕获、可编辑实现和像素差异验证,复刻指定 URL 的当前状态。
下载并解压后,将整个 clone-webpage-local 目录放入 Codex skills 目录。在 Codex 中用 $clone-webpage-local 显式调用,并提供有权访问的目标网页 URL。
保留 SKILL.md、agents 和 references 的目录层级,放入个人 Codex skills 目录。
说明需要复刻的网址;如页面需登录,请使用你已授权的浏览器会话。
Skill 会要求对页面状态、交互和响应式尺寸进行截图对比与严格验收。
复制后替换 URL 与需要测试的尺寸。明确“当前状态”和验收尺寸,可以获得更稳定的执行结果。
使用 $clone-webpage-local 严格 1:1 复刻这个 URL 的当前状态,不允许任何自定义、近似、重构或内容删减:https://example.com
使用 $clone-webpage-local 严格 1:1 复刻 https://example.com。保留首次打开时的所有可见状态,覆盖桌面 1440×900、平板 768×1024、手机 390×844,并验证菜单、悬停、焦点、弹窗、轮播和滚动行为。必须提供同尺寸截图差异证据;未通过严格验收时请明确报告阻塞项。
压缩包包含 Skill 主规范、Codex 展示配置与严格 1:1 验收清单。