mcpField
D
devtools-svelte

devtools-svelte

github.com/vercel-labs开发18.8k108 次安装5 天前更新
代码仓库

关于 devtools-svelte

面向 Svelte 5 的 json-render devtools 面板适配器，供使用 Svelte json-render provider 的项目集成。面板在生产构建中不渲染。

主要功能

  1. 01Svelte 5 面板适配器
  2. 02在 json-render provider 中挂载
  3. 03生产构建中不渲染
  4. 04支持 Ctrl/Cmd + Shift + J 快捷键

适用场景

  1. 01检查 Svelte 项目的 json-render
  2. 02通过快捷键打开 devtools 面板

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/vercel-labs/json-render --skill devtools-svelte

安装后在 Claude Code 中输入/devtools-svelte确认已加载。

详细介绍

@json-render/devtools-svelte

json-render 开发工具面板的 Svelte 5 适配器。共享面板功能、props、停靠行为和服务端流捕获功能，请参阅 skills/devtools/SKILL.md。

安装

npm install @json-render/devtools @json-render/devtools-svelte

挂载面板

在现有的 Svelte json-render provider 中挂载 JsonRenderDevtools：

<script>
  import { JsonRenderDevtools } from "@json-render/devtools-svelte";
</script>

<JSONUIProvider {registry}>
  <Renderer {spec} {registry} />
  <JsonRenderDevtools {spec} {catalog} {messages} />
</JSONUIProvider>

该组件在生产构建中不会渲染任何内容。面板提供共享的开发工具控件，包括 Ctrl/Cmd + Shift + J 快捷键。请将服务端流埋点保留在 @json-render/devtools 中。

评论

支持 Markdown