Add-ons

Ready-to-run packages built on Devframe: built-in devframes you can run, compose, or learn from, and wire services that share one node-side capability across every devframe on a host.

Ready-to-run packages built on Devframe, in two families:

Devframes — complete built-in devtools (@devframes/plugin-*). Run one standalone, compose several into your own DevTools, or read one as a reference for building your own.
Services — wire services (@devframes/service-*): one node-side capability installed once per host and consumed by every devframe and RPC client, without re-bundling it.

Devframes

Complete tools, each picking its own UI framework yet sharing one node-side API — RPC, shared state, and connectDevframe.

Devframe	UI framework	What it does
Data Inspector	Vue	Query live server-side objects with jora.
Devframe Inspector	Vue	Browse RPC, shared state, and agent exposure.
Open Graph Viewer	Vue	Inspect Open Graph / Twitter metadata and card previews.
Accessibility Inspector	Solid	Run axe-core; list WCAG violations.
Git	React (Next.js)	Repository dashboard: status, graph, branches, diffs.
Terminals	Svelte	Stream output and run interactive PTY shells.
Code Server	Vue	Run VS Code in the browser.
Assets	Vue	Browse, preview, upload, rename, and delete files.

Services

Shared node-side capabilities other devframes install and consume — see Cross-Devframe Services for the mechanism, and the Node-Side API reference for the host API.

Service	Scope	What it does
Open (`@devframes/service-open`)	`devframes:service:open`	Open files in an editor or the OS explorer, with workspace-root containment.
Git (`@devframes/service-git`)	`devframes:service:git`	Typed read/write git operations over RPC on one repo.
Shiki (`@devframes/service-shiki`)	`devframes:service:shiki`	Node-side Shiki syntax highlighting, cached and dual-theme.

Running a built-in devframe

Most built-in devframes publish a bin:

pnpx @devframes/plugin-inspect      # the Devframe Inspector, standalone
pnpx @devframes/plugin-og           # inspect Open Graph metadata and social cards
pnpx @devframes/plugin-git          # the Git dashboard against the current repo
pnpx @devframes/plugin-assets       # manage the files under <cwd>/public

Each also exports a create…Devframe factory; see each page for options.

@devframes/next hosts devframes from a Next.js App Router app via a route handler: one fetch handler serves each SPA and its __connection.json via serveStaticHandler.

Devframes

Ready-to-run built-in example devframes. Compose your own DevTools solution from them, run one standalone, or read one as a reference for building your own.