关于 tanstack-devtools
tanstack-devtools 是 TanStack Devtools 的开发指导技能，面向使用其核心包和框架适配器的开发者。它按任务和框架引导至适用文档，并强调核对版本及匹配的源代码指导。
主要功能
- 01按框架路由文档
- 02应用设置与生产构建指导
- 03插件和市场使用指导
- 04事件插桩指导
- 05版本匹配的源代码建议
适用场景
- 01在应用中设置 TanStack Devtools
- 02查找特定框架适配器的指导
- 03实现插件面板或事件插桩
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/tanstack-devtools确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/de86d3f4c6d93bcd529b389aaae7d4297072e623af8b5b701db3564f4b89ec90.txtreferences/additional-guidance.mdevents-instrumentation.mdreferences/assets/tanstack-devtools-plugin-panel/references/panel-api.mdreferences/assets/tanstack-devtools-utils-devtools-framework-adapters/references/preact.mdreact.mdsolid.mdvue.mdreferences/assets/tanstack-devtools-vite-plugin/references/vite-options.mdreferences/guides/tanstack-devtools-app-setup-a09047cc.mdtanstack-devtools-event-client-b11524e7.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--common-mistakes.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--core-concept.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--core-patterns.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--debouncing-frequent-observations.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--overview.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88--see-also.mdtanstack-devtools-event-client-devtools-bidirectional-02c62d88.mdtanstack-devtools-event-client-devtools-instrumentation-6363dc09.mdtanstack-devtools-marketplace-8bf06759--common-mistakes.mdtanstack-devtools-marketplace-8bf06759--featured-plugins.mdtanstack-devtools-marketplace-8bf06759--framework-detection.mdtanstack-devtools-marketplace-8bf06759--how-auto-install-works.mdtanstack-devtools-marketplace-8bf06759--overview-2.mdtanstack-devtools-marketplace-8bf06759--overview.mdtanstack-devtools-marketplace-8bf06759--plugin-id-matching.mdtanstack-devtools-marketplace-8bf06759--pluginmetadata-interface.md详细介绍
TanStack Devtools
有关设置、框架适配器、插件、事件检测、市场使用和生产构建的 Devtools 指南。
确认核心包和插件的版本。
工作流
- 检查已安装的 TanStack 包及其确切版本。
- 如果任务使用适配器，请阅读检测到的框架对应的适配器参考。
- 主题参考是索引。针对任务选择一份指南或一个章节；仅在需要时遵循其前置链接。
- 优先参考已安装包的类型和与版本匹配的源代码指南，而非依赖记忆。
- 将示例转换为框架适配器时，保留无头模式／核心行为。
任务路由
- 设置和生产环境 — 应用设置、Vite 集成和生产环境行为。
- 插件和市场 — 插件面板、框架适配器和市场使用。
- 事件和检测 — 事件客户端、检测和双向事件。
- 其他官方指南 — 尚未归入专门主题的新官方指南。
框架路由
- Vanilla — 检测
@tanstack/devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - React — 检测
@tanstack/react-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - Preact — 检测
@tanstack/preact-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - Solid — 检测
@tanstack/solid-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - Vue — 检测
@tanstack/vue-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - Svelte — 检测
@tanstack/svelte-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。 - Angular — 检测
@tanstack/angular-devtools。阅读插件和市场。通用指南；请检查适配器特有的差异。
有关确切的上游输入和去重记录，请参阅来源记录。
评论
支持 Markdown