.claude/skills/deep-links/SKILL.md
Deep links in ToolHive Studio. Use when implementing, debugging, or asking about deep link features (toolhive-gui:// protocol), adding new deep link intents, understanding the deep link architecture, IPC model, or platform/packaging support.
npx skillsauth add stacklok/toolhive-studio deep-linksInstall 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.
Deep links allow external systems (browsers, terminals, other apps) to trigger navigation inside ToolHive Desktop via the toolhive-gui:// custom protocol.
About this document: Much of the content in the reference docs is the result of research into how other Electron apps implement deep links. Some design decisions are implemented; others describe the intended direction but are not yet in the codebase. The base skill reflects the current implementation. The reference docs reflect the research and design intent — read them with that in mind, and update them when relevant implementation decisions change.
toolhive-gui://v1/<intent>[?<query>]
Examples:
toolhive-gui://v1/open-registry-server-detail?serverName=fetch — open a registry server detail pageThe v1 segment is the version. The intent is a kebab-case action name. Query params carry intent-specific data.
| File | Role |
| --------------------------------- | -------------------------------------------------------------------------------------------------------- |
| common/deep-links.ts | Single source of truth. All deep link definitions: intent name, Zod param schema, navigation target. |
| main/src/deep-links/parse.ts | Parses and validates a raw URL string using the schemas from common/deep-links.ts. |
| main/src/deep-links/index.ts | Entry point: extracts URL from argv (Windows/Linux), waits for window ready, dispatches via IPC. |
| main/src/deep-links/squirrel.ts | Squirrel.Windows-specific protocol registration. |
deep-link-navigation — sent main → renderer as a NavigateTarget ({ to: string; params?: Record<string, string> }).
The renderer receives this and calls the TanStack Router navigate() directly.
app.setAsDefaultProtocolClient('toolhive-gui') registers the protocol. On Windows with Squirrel, registerProtocolWithSquirrel() is called instead (see squirrel.ts).process.argv. extractDeepLinkFromArgs() scans for the first toolhive-gui:// argument (safe against argv injection — see patterns doc).parseDeepLinkUrl() parses the URL and runs it through the Zod discriminated union schema defined in common/deep-links.ts. Invalid links resolve to showNotFound.waitForMainWindowReady() polls until the window is visible and not loading before dispatching.resolveDeepLinkTarget() converts the validated intent to a NavigateTarget, which is sent to the renderer via the deep-link-navigation IPC channel.deep-link-navigation and calls navigate(target).The current implementation only supports read (navigate) operations. The design doc proposes a confirmation flow for write/destructive operations (C/U/D), but this is not yet implemented. The IPC sends a pre-resolved NavigateTarget rather than a raw parsed intent — this simplified the initial implementation. See design doc for the full intended model.
All changes happen in common/deep-links.ts:
// 1. Define the new intent using v1DeepLink()
export const myNewIntent = v1DeepLink({
intent: 'my-new-intent', // kebab-case, matches URL path segment
params: z.object({
someParam: safeIdentifier, // use safeIdentifier for user-supplied strings
}),
navigate: (params) => ({
to: '/some-route/$id', // TanStack Router route
params: { id: params.someParam },
}),
})
// 2. Add to allDeepLinks array
const allDeepLinks = [
openRegistryServerDetail,
showNotFound,
myNewIntent,
] as const
// 3. Add to deepLinkSchema discriminated union
export const deepLinkSchema = z.discriminatedUnion('intent', [
openRegistryServerDetail.schema,
showNotFound.schema,
myNewIntent.schema, // ← add here
])
Test manually:
./node_modules/.bin/electron . "toolhive-gui://v1/my-new-intent?someParam=value"
safeIdentifieris defined asz.string().regex(/^[a-zA-Z0-9_.-]+$/)— use it for any param that could be user-supplied to prevent injection.
For deeper background, see:
development
Start here for all API mocking in tests. Covers auto-generation, fixtures, and when to use other skills. Required reading before creating, refactoring, or modifying any test involving API calls.
development
Test that components send correct query parameters or request arguments. Use when testing filtering, sorting, pagination, or any read operation where request parameters matter. Use for test-scoped mock customization.
development
Verify API requests in tests. Use when testing that correct API calls are made for create, update, or delete operations. Use when testing mutations, form submissions, or actions with backend side effects.
development
REQUIRED for editing any skill file. Ensures changes sync to Claude, Codex, and Cursor. Never edit .claude/skills/ files directly - always use this skill.