Skills
.Work. You
Rest

devtools-framework-adapters

Official

Build framework-specific devtools adapters.

Software Engineering#react#vue#plugin#devtools#preact#solid#framework adapter
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides factory functions to create per-framework adapters for TanStack Devtools, enabling seamless integration with different JavaScript frameworks like React, Vue, Solid, and Preact.

Core Features & Use Cases

  • Framework Adapters: Create custom devtools plugins and panels tailored for specific frameworks.
  • Tree-Shaking: Utilizes NoOpPlugin and NoOpPanel variants to ensure devtools code is excluded from production builds.
  • Use Case: A developer building a SolidJS application can use these factories to create a custom devtools plugin that inspects their application's state, ensuring the plugin is only included when in development mode.

Quick Start

Use the devtools-framework-adapters skill to create a React plugin for your custom store.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: devtools-framework-adapters
Download link: https://github.com/TanStack/devtools/archive/main.zip#devtools-framework-adapters

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.