skills.rest
TanStack
TanStackOFFICIAL
Explore all skills by this author →
Website𝕏@tan_stackGitHub

devtools-marketplace

Publish third-party plugins to the TanStack Devtools Marketplace via PluginMetadata and PR submission.

485|92|Updated Jul 25, 2025
Search Tags:#publishing#npm#tanstack#plugin#devtools#marketplace
One-click install
npx skills add https://github.com/TanStack/devtools --skill devtools-marketplace
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devtools-marketplace
Source: https://github.com/TanStack/devtools/tree/main/packages/devtools/skills/devtools-marketplace
Command: npx skills add https://github.com/TanStack/devtools --skill devtools-marketplace

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of publishing custom plugins to the TanStack Devtools Marketplace, making them discoverable and easily installable by other users.

Core Features & Use Cases

  • Marketplace Submission: Guides users through adding their plugin metadata to the official registry.
  • Auto-Install Configuration: Explains how to configure pluginImport for seamless one-click installation by the devtools Vite plugin.
  • Use Case: You've built a custom React devtools plugin for your application's state management. Use this Skill to understand how to format your PluginMetadata and submit a Pull Request to the TanStack Devtools repository to make your plugin available to the community.

Quick Start

Submit your plugin by editing the packages/devtools/src/tabs/plugin-registry.ts file in the TanStack Devtools repository.

Frequently Asked Questions about devtools-marketplace

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I publish a plugin to the TanStack Devtools Marketplace?▼

To publish a TanStack Devtools plugin, edit the `plugin-registry.ts` file in the repository and submit a Pull Request containing your plugin's metadata. This adds your package to the official marketplace registry for community discovery.

What metadata is required for a TanStack Devtools plugin submission?▼

A TanStack Devtools plugin submission requires the `PluginMetadata` interface fields: `packageName`, `requires`, `pluginImport`, and `framework`. These fields ensure your plugin is discoverable and supports auto-installation.

How does auto-installation work for TanStack Devtools plugins?▼

Auto-installation for TanStack Devtools plugins is configured via the `pluginImport` field in your `PluginMetadata`. This allows the devtools Vite plugin to seamlessly install your package with one click.

Can I submit a plugin that supports multiple frameworks to the TanStack Devtools Marketplace?▼

Yes, multi-framework submissions are supported in the TanStack Devtools Marketplace. You can specify the appropriate `framework` details within your `PluginMetadata` to ensure compatibility across different environments.

What are the criteria for a plugin to be featured in the TanStack Devtools Marketplace?▼

Featured plugin criteria in the TanStack Devtools Marketplace are evaluated during the PR submission process. Meeting the core `PluginMetadata` requirements and providing robust multi-framework support contributes to featured visibility.

Related Skills

Explore More Software Engineering Skills→
cill-i-amcill-i-am

devtools-production

Strip devtools from Vite production builds via plugin configuration.

Community
Advanced
DiscourseGraphsDiscourseGraphs
44

create-obsidian-release

Automate Discourse Graphs Obsidian plugin releases with GitHub pull request data.

Official
Advanced
TanStackTanStack
485

devtools-app-setup

Install and configure TanStack Devtools for React, Vue, Solid, and Preact.

Official
Intermediate
cill-i-amcill-i-am

devtools-marketplace

Automate listing and registering third-party plugins in the TanStack Devtools Marketplace.

Community
Intermediate