plugins/skills/debug/SKILL.md
Debug Tinker plugins with agent-browser. Use when the user needs to open, inspect, interact with, restart, or close a plugin in the running Tinker Electron app.
npx skillsauth add liriliri/tinker debugInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Debug and interact with Tinker plugins at runtime using tinker-dev CLI and agent-browser for visual inspection.
Tinker must be running with --remote-debugging-port=9222 (configured in the root package.json start script). The --inspect=9229 port is for Node.js main process debugging only and does NOT expose renderer pages.
# Open a plugin
../bin/tinker-dev open <plugin-name>
# Restart a plugin (also starts if not running)
../bin/tinker-dev restart <plugin-name>
# Close a plugin
../bin/tinker-dev close <plugin-name>
After opening a plugin, connect to CDP port 9222:
agent-browser connect 9222
agent-browser tab
# Switch to the plugin://tinker-<name>/index.html tab
agent-browser tab t2
agent-browser snapshot -i
For agent-browser interaction commands (click, fill, screenshot, etc.), refer to the agent-browser skill documentation.
http://localhost:8080/?page=plugin (this is the outer shell, not the plugin content)plugin://tinker-<name>/index.html tabplugin:// tab before running snapshot or interact commandsIf agent-browser connect 9222 fails with "Connection refused", restart Tinker with remote debugging enabled:
../bin/tinker-dev quit
../bin/tinker-dev open <plugin-name> --remote-debugging-port=9222
Then retry connecting:
agent-browser connect 9222
tinker-dev open/restart for the page to loadtools
Check code against Tinker plugin coding standards
tools
Create a new Tinker plugin from the template
development
Review changed code for reuse, quality, and efficiency, then fix any issues found.
tools
Extract a npm dependency into the shared vendor bundle