Skip to content

docs(skills): rework devframe skill for standard handler + hub - #266

Merged
antfu merged 1 commit into
mainfrom
docs/rework-devframe-skill
Aug 19, 2026
Merged

docs(skills): rework devframe skill for standard handler + hub#266
antfu merged 1 commit into
mainfrom
docs/rework-devframe-skill

Conversation

@antfubot

Copy link
Copy Markdown
Collaborator

Summary

Completely reworks the devframe agent skill (skills/devframe/SKILL.md) to match the current architecture and the high-level positioning from Pluggable, Extensible, and Playful DevTools.

The previous skill framed devframe almost entirely around mounting into Vite DevTools via createPluginFromDevframe. It predated the standard web handler (initDevframe) and the @devframes/hub composition layer, so it undersold devframe's actual portability story and had drifted from the current API surface.

What changed

  • Reframed the opening around the two-layer model: a devframe (one portable tool, initDevframe.handler/.nodeMiddleware) vs. a hub (@devframes/hub, many tools composed behind one namespace).
  • New deployment map replacing the old adapter table — split into "serve one devframe" vs. "serve many via a hub."
  • New "standard handler" sectioninitDevframe, mounting snippets, the WebSocket-binding precedence, globalThis memoization, auth-gates-by-default. This was previously absent entirely.
  • New "The Hub" sectioninitHub, the four subsystems (docks/commands/messages/terminals), launchers/cross-iframe activation, ctx.install, the shared-state protocol, and the ui slot.
  • New "Framework packages: two scopes" section covering the single/hub split across @devframes/vite, @devframes/next, @devframes/nuxt.
  • Drift fixes against the current API: added importMetaUrl, corrected storage to the three scopes (workspace/project/global), reframed RPC schemas as validator-neutral Standard Schema (including the zero-dep s builder from devframe/utils/simple-schema), documented duplicationStrategy/services/staticConfig/rpc.snapshot, modernized client discovery to ./__connection.json, and removed a dead link to a nonexistent sibling skill.
  • Updated templates/counter-devframe.ts and added templates/hub.ts as a runnable hub-composition reference (covered by the existing skills/devframe/templates/*.ts knip entry glob).

Verification

  • Cross-checked every API claim against docs/guide/*, docs/adapters/*, docs/frameworks/*, and the actual package exports/source (packages/devframe, packages/hub, packages/vite, packages/next, packages/nuxt) rather than relying on the prior skill's wording.
  • skills/ is eslint-ignored and the new template is already covered by knip.jsonc's entry glob, so no lint/typecheck/knip impact.

This PR was created with the help of an agent.

Reframe the devframe agent skill around the current architecture: the
Web-Standard handler (initDevframe) as the portability primitive, the
@devframes/hub composition layer (initHub, docks/commands/messages/
terminals), and the single/hub split across @devframes/vite, /next,
and /nuxt. Fold in the high-level positioning from 'Pluggable,
Extensible, and Playful DevTools'.

- Replace the stale Vite-DevTools-only mounting story with the
  deployment map (serve one devframe vs. serve many via a hub)
- Add sections on the standard handler, the hub subsystems/protocol,
  and the framework packages' two scopes
- Fix drift against current APIs: importMetaUrl, storage scopes,
  validator-neutral RPC schemas (devframe/utils/simple-schema),
  duplicationStrategy/services/staticConfig/rpc.snapshot
- Remove the dead ../../skills/vite-devtools-kit reference
- Update templates/counter-devframe.ts and add templates/hub.ts
@netlify

netlify Bot commented Aug 19, 2026

Copy link
Copy Markdown

Deploy Preview for devfra ready!

Name Link
🔨 Latest commit 485fbae
🔍 Latest deploy log https://app.netlify.com/projects/devfra/deploys/6a8554eb2b250c0008e9648c
😎 Deploy Preview https://deploy-preview-266--devfra.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@antfu
antfu merged commit 0d193a4 into main Aug 19, 2026
12 checks passed
@antfu
antfu deleted the docs/rework-devframe-skill branch August 19, 2026 07:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants