Handsontable Visual Test Demos
handsontable/handsontable
Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.
Drives and verifies Electron or Tauri desktop apps through Reticle, which sees the renderer and the IPC calls that a browser-based testing tool cannot observe.
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install reticlehq/reticle drive-desktop-app --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/drive-desktop-app .claude/skills/drive-desktop-app && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .claude/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-appType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install reticlehq/reticle drive-desktop-app --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/drive-desktop-app .agents/skills/drive-desktop-app && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .agents/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install reticlehq/reticle drive-desktop-app --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/drive-desktop-app .cursor/skills/drive-desktop-app && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .cursor/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/reticlehq/reticle.git --path skills/drive-desktop-app--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install reticlehq/reticle drive-desktop-app --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/drive-desktop-app .gemini/skills/drive-desktop-app && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .gemini/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install reticlehq/reticle drive-desktop-appInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/drive-desktop-app .github/skills/drive-desktop-app && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .github/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add reticlehq/reticle --skill drive-desktop-app -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install reticlehq/reticle drive-desktop-app --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/reticlehq/reticle.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/drive-desktop-app .opencode/skills/drive-desktop-app && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "drive-desktop-app" agent skill from https://github.com/reticlehq/reticle/tree/main/skills/drive-desktop-app into .opencode/skills/drive-desktop-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "drive-desktop-app", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
drive-desktop-appDrives and verifies Electron or Tauri desktop apps through Reticle, which sees the renderer and the IPC calls that a browser-based testing tool cannot observe.
A desktop app talks to its backend over IPC and not HTTP, so a tool that patches `fetch` or XHR sees an empty network log and can report success for calls it never saw. Reticle watches both the renderer and the IPC boundary, which makes a desktop result as meaningful as a web one. The skill tells you how to install it with `npx @reticlehq/server@latest init` and follow up with the `install-and-verify` skill.
For Electron the setup is two lines outside your app code: a desktop flag in the Vite config so the connection can start in a packaged renderer, and a `require` of the Reticle preload as the first line of your preload file, since `contextBridge` freezes what the page receives. A sandboxed preload cannot resolve `node_modules`, so bundle it or set `sandbox: false`. For Tauri the required step is loosening the default CSP, which otherwise blocks the bridge WebSocket so the app runs but never connects. That change is for development only, and `ipc: http://ipc.localhost` must stay. IPC observation needs nothing on the Rust side; the `reticle-tauri` crate is for screenshots and headless runs.
Read from SKILL.md and the folder at commit 178e5c0. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
curlnpxFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
docs.reticle.shAlso links to:
crates.ioFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Desktop App Driving with Reticle loads about 1.3k tokens when it runs. Until then it costs about 102 tokens; SKILL.md has 529 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from reticlehq/reticle at commit 178e5c0, republished under its Apache-2.0 licence (© reticlehq). 529 words, ~1,304 tokens.
.claude/skills/drive-desktop-app/SKILL.md (or your agent's skills folder).A desktop app reaches its backend over IPC, not HTTP. Patching fetch/XHR cannot see that, so a browser-shaped tool is blind to every backend call the app makes: the network log reads empty, an action has no in-flight request to settle on, and asserting on the network is vacuously true. That is a false green by construction.
Reticle observes the renderer and the IPC boundary, so a desktop verdict means what a web one does. Not installed? RETICLE_INSTALL_SOURCE=npx_skill npx @reticlehq/server@latest init, then the install-and-verify skill.
// vite.config.ts — desktop:true lets connect() start in a packaged renderer (NODE_ENV=production).
// A default (production-mode) `vite build` ships no Reticle code; to drive a packaged
// renderer with no dev server, build it with `vite build --mode development`
export default defineConfig({
base: './', // file:// needs relative asset paths
plugins: [react(), reticle({ desktop: true })],
});// electron/preload.cjs — FIRST line. This is what makes main-process IPC visible.
require('@reticlehq/electron/preload');It must be in the preload and it must be first. contextBridge.exposeInMainWorld hands the renderer a deeply frozen object, so nothing in the page can instrument it afterwards. The preload is the last point where ipcRenderer.invoke is still writable, and the shim has to run before your preload captures its own reference.
A sandboxed preload cannot resolve node_modules, so the bare require fails. Either bundle the preload (electron-vite and Forge do by default) or set sandbox: false.
The frontend is the same as any web app. The part people miss is that Tauri's default CSP blocks the bridge WebSocket before it opens, so the app runs perfectly and simply never connects:
{
"app": {
"security": {
"csp": "default-src 'self' ipc: http://ipc.localhost; connect-src 'self' ipc: http://ipc.localhost ws://localhost:4400 ws://127.0.0.1:4400"
}
}
}Keep ipc: http://ipc.localhost: Tauri v2 needs it for invoke itself. Dev-only; drop the ws:// entries from your release config.
IPC observation needs nothing on the Rust side: an invoke('load_todos') already reaches Reticle as ipc://load_todos. The reticle-tauri crate is only for screenshots and headless, and it is versioned independently of the npm packages.
Also: use a hash router. A packaged renderer is served from file://, where history-based routing does not resolve.
Same loop as the web, with IPC in the predicates:
reticle_act_and_wait({ sessionId, ref, action: "click", until: { kind: "allOf", predicates: [
{ kind: "net", urlContains: "ipc://todos:archive", status: 200 },
{ kind: "element", query: { testid: "..." } },
{ kind: "console", level: "error", absent: true },
]}})IPC has no status code. 200/500 are synthetic, mapped from whether the command succeeded, precisely so the same predicates keep working. On Tauri you will see status: 500 next to statusText: "OK". That is not a bug: the transport answered fine and the 500 is the command's own verdict. ok is authoritative.
reticle_look { action: "state" } reads the live store exactly as on the web. reticle_screenshot and reticle_visual_diff work once the platform's capture step is wired. Electron needs nothing extra; Tauri needs the crate. Headless on Tauri is RETICLE_HEADLESS=1, and screenshots keep working because the capture renders the webview rather than the screen.
A missing Electron preload is declared, not silent: verdicts come back with coverage: partial naming the line you did not add, instead of reading clean over a blind spot. If you see that, add the preload line before trusting anything.
If IPC calls never appear while the app works fine: on Electron, the shim's require is not first. On Tauri, invoke from @tauri-apps/api/core is observed, but a hand-rolled postMessage protocol is not.
unknown is not a pass on the desktop either. And do not weaken an IPC assertion to make a red verdict green: a desktop false green is the exact failure this wiring exists to remove.
Full desktop reference: curl https://docs.reticle.sh/desktop.md. Everything else: curl https://docs.reticle.sh/llms.txt.
© reticlehq, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/drive-desktop-app of reticlehq/reticle.
Open the folder on GitHubat commit 178e5c0
Desktop App Driving with Reticle next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Desktop App Driving with Reticle this skillreticlehq/reticle | 1.2k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | |
| Handsontable Visual Test Demoshandsontable/handsontable | 22k | — | ~1.3k | Automated safety check: Pass | Custom licence | |
| Test Specialisttravisjneuman/.claude | 100 | — | ~3.7k | Automated safety check: Pass | MIT | |
| Rust Project Validatebifrost-proxy/bifrost | 160 | — | ~466 | Automated safety check: Pass | MIT | |
| Flowfile Build and Environment SetupEdwardvaneechoud/Flowfile | 389 | — | ~7.3k | Automated safety check: Notes | MIT | |
| Refactoratilladeniz/Kubeli | 387 | — | ~7.7k | Automated safety check: Warn | MIT |
handsontable/handsontable
Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.
travisjneuman/.claude
Test-writing patterns for JS/TS, Python, Go, and Rust (unit, integration, E2E, visual regression).
bifrost-proxy/bifrost
运行 cargo fmt/clippy/build/e2e/test 验证项目规范;在每次任务结束前必须调用,重要的是必须在端到端测试之后执行,为提交代码做最后准备
Edwardvaneechoud/Flowfile
Recreates every Flowfile development and build environment from scratch, with exact version pins and an explanation of what each Makefile target really does.
atilladeniz/Kubeli
Refactors code following Ousterhout's design principles. An agent skill from atilladeniz/Kubeli.
XiaomiMiMo/MiMo-Code
Lets one MiMoCode process drive another, headless with JSON events or interactively through tmux, to test behavior and visual regressions with parseable evidence.
reticlehq/reticle
Applies red-green TDD to behavior unit tests cannot reach, by stating the expected outcome against the running app with Reticle before writing the feature.
reticlehq/reticle
Sweeps a running web app by clicking every reachable control, then reports dead buttons, console errors, failed requests and mismatches between API data and the screen.
reticlehq/reticle
Finds why a running web app misbehaves when the console is empty and the code looks fine, by reading the click, request, store and console together.
reticlehq/reticle
Finds out why a passing test suite sits on top of a broken app by comparing what the running app does with what the tests claim, using Reticle.
reticlehq/reticle
Picks up bugs a person flagged by pointing at elements in the running app, each mark carrying the element, their note and the source file and line, then fixes and verifies them.
reticlehq/reticle
Saves a user journey driven through the app as a deterministic regression check that replays with no model and no test code, using Reticle.
Categories
Drives and verifies Electron or Tauri desktop apps through Reticle, which sees the renderer and the IPC calls that a browser-based testing tool cannot observe. A desktop app talks to its backend over IPC and not HTTP, so a tool that patches `fetch` or XHR sees an empty network log and can report success for calls it never saw. Reticle watches both the renderer and the IPC boundary, which makes a desktop result as meaningful as a web one.
Desktop App Driving with Reticle fits situations like: testing an Electron or Tauri app from the inside; debugging a feature that works in the browser but not in the packaged app; proving that an IPC or invoke call actually happened; taking desktop screenshots or running a headless desktop UI test in CI.
Run `npx skills add reticlehq/reticle --skill drive-desktop-app -a claude-code`. Or copy the skill folder (skills/drive-desktop-app in reticlehq/reticle) into .claude/skills/drive-desktop-app in your project. Claude Code loads it when a task matches its description.
Run `npx skills add reticlehq/reticle --skill drive-desktop-app -a codex`. Or copy the skill folder (skills/drive-desktop-app in reticlehq/reticle) into .agents/skills/drive-desktop-app in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add reticlehq/reticle --skill drive-desktop-app -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/drive-desktop-app, .gemini/skills/drive-desktop-app, .github/skills/drive-desktop-app and .opencode/skills/drive-desktop-app in your project.
Going by SKILL.md and its folder, Desktop App Driving with Reticle needs the command-line tools its instructions call (curl and npx). Our summary lists: An Electron or Tauri desktop app; Node.js with npx to install Reticle.
SKILL.md names 2 domains. In commands or code: docs.reticle.sh; the agent is likely to contact it when it follows the instructions. As links in the text: crates.io. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Desktop App Driving with Reticle is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.3k tokens (SKILL.md is roughly 5.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Desktop App Driving with Reticle: Handsontable Visual Test Demos (handsontable/handsontable, 22k stars), Test Specialist (travisjneuman/.claude, 100 stars), Rust Project Validate (bifrost-proxy/bifrost, 160 stars) and Flowfile Build and Environment Setup (Edwardvaneechoud/Flowfile, 389 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
reticlehq (a GitHub organization) maintains it in reticlehq/reticle, which has 1,199 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on October 9, 2026.
Source: reticlehq/reticle on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.