Devtools
by vercel-labsfc2a696a50a3No license18K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated yesterday
Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec keys. Triggers include "add devtools", "debug json-render", "inspect the spec", "why is this element not rendering", "see the state at runtime", or requests to tap streams / capture action logs for `@json-render/devtools`.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| SKILL.md | 8.8 KB | text/markdown |
Source and attribution
Source:vercel-labs/json-renderinskills/devtoolsat commitfc2a696
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vercel-labs/json-render
Remotion
vercel-labs
Remotion renderer that turns JSON timeline specs into video compositions using @json-render/remotion.
Zustand
vercel-labs
Adapter that connects a Zustand vanilla store to json-render's StateStore interface for state management.
Svelte
vercel-labs
Renders json-render JSON specs as Svelte 5 component trees, including catalogs, registries, actions and streaming UI.
Xstate
vercel-labs
XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.
Solid
vercel-labs
Guides building SolidJS renderers for json-render: catalogs, registries, providers, bindings, actions and reactivity.
Vue
vercel-labs
Reference guide for @json-render/vue, a Vue 3 renderer that turns JSON specs into Vue component trees.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.