Devtools
作者 vercel-labsfc2a696a50a3无许可证18K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库昨天更新
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`.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| SKILL.md | 8.8 KB | text/markdown |
更多来自 vercel-labs/json-render 的技能
Remotion
vercel-labs
Remotion 渲染器，使用 @json-render/remotion 将 JSON 时间线规格转换为视频合成。
Zustand
vercel-labs
将 Zustand vanilla store 接入 json-render 的 StateStore 接口的适配器。
Svelte
vercel-labs
将 json-render JSON 规格渲染为 Svelte 5 组件树，涵盖目录、注册表、动作与流式 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
指导为 json-render 构建 SolidJS 渲染器：目录、注册表、Provider、绑定、动作与响应式。
Vue
vercel-labs
介绍 @json-render/vue 的参考指南，这是一个将 JSON 规格转换为 Vue 组件树的 Vue 3 渲染器。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。