Storage prefix: next-example-tokens
About this example

The examples/next sub-package consumes @takazudo/zudo-design-token-panel through its built artifact only — there are no deep imports into dist/, no bundler aliases, and no framework integration beyond the 'use client' bootstrap component.

  • No Tailwind, no preflight stylesheet, no design-system dependency.
  • Storage prefix next-example-tokens, console namespace nx.
  • Palette CSS-var template --nx-palette-{n}.
  • Apply endpoint /api/dev/apply handled by a Next API route (app/api/dev/apply/route.dev.ts) that forwards to the bin sidecar on port 24684.
Verify across navigation
Open the panel via window.nx.toggleDesignPanel(), change a token, then navigate back to home. The new value should still apply — proving the host adapter survives Next.js soft navigation end-to-end.

See the prose demo page for typography tokens in action.

Palette swatches (mirrored)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

These swatches are identical to the home page so a side-by-side comparison after a token tweak is trivial.