verify

Verify apps/desktop frontend changes visually without launching the Tauri app or a live model

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

直接命令不会经过审查 Prompt；运行前请先检查来源。

npx skills add https://github.com/ai4s-research/open-science --skill verify

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

SKILL.md

来源说明 · 只读预览

name	verify
description	Verify apps/desktop frontend changes visually without launching the Tauri app or a live model

Full-app runs need an OpenCode session + live model turn. For pure frontend component changes, mount the component in a throwaway vite page instead:

Create apps/desktop/verify-<x>.html (plain html, <div id="root">, <script type="module" src="/src/verify-<x>.tsx">) and apps/desktop/src/verify-<x>.tsx (ReactDOM.createRoot, import ./index.css for Tailwind, import the component via @/). Vite serves any .html under apps/desktop/ automatically.
cd apps/desktop && npx vite --port 5199 --strictPort (background). The npx wrapper may double-spawn and report "port in use" failure while the first instance is fine — check lsof -iTCP:5199 before retrying.
Drive with the browser-control skill (Chrome HTTP API, port 9528): createWindow → waitForSelector → readDom → screenshotTab (screenshots land in ~/Downloads/). Gotchas: evalScript is blocked by CSP on the extension — use readDom/scrollTab instead; readDom requires an explicit "attributes": [] or it errors with "Value is unserializable".
Clean up: closeTab, kill the vite pid, delete both harness files, confirm git status is clean.