Skills
.Work. You
Rest

devtools-bidirectional

Official

Enable two-way app-devtools communication.

Software Engineering#debugging#state management#communication#devtools#event bus#time travel
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables seamless, two-way communication between your application and the TanStack Devtools panel, allowing for real-time observation and command execution.

Core Features & Use Cases

  • App-to-Devtools Observation: The application can emit events to notify the devtools panel about state changes or other relevant occurrences.
  • Devtools-to-App Commands: The devtools panel can send commands back to the application to trigger actions or modify state.
  • Time-Travel Debugging: Facilitates time-travel debugging by allowing the app to emit state snapshots and the panel to send revert commands.
  • Use Case: Debugging a complex state management system by observing state updates in real-time within the devtools and then using the devtools to send commands to reset or modify specific parts of the application's state.

Quick Start

Use the devtools-bidirectional skill to observe state updates from the application.

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-bidirectional
Download link: https://github.com/TanStack/devtools/archive/main.zip#devtools-bidirectional

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.