devtools
TanStack/devtools
This skill provides framework-specific adapter factories from TanStack Devtools for building and mounting plugins across React, Vue, Solid, and Preact.
486 93MITUpdated 2026-08-13
86
GreatOverview
It guides developers on how to correctly utilize `@tanstack/devtools-utils` package factories like `createXPlugin` and `createXPanel` for creating inspectable devtools panels. It addresses important API differences between frameworks—such as React's options object pattern versus Vue's positional arguments—and enforces proper production tree-shaking using the returned NoOp counterparts.
Capabilities
- ▸Framework-agnostic devtools plugin creation
- ▸React plugin and panel adapter configuration
- ▸Vue plugin and panel adapter configuration with positional arguments
- ▸Solid plugin and panel adapter configuration
- ▸Preact plugin and panel adapter configuration
- ▸Production bundle tree-shaking with NoOp plugins
Best for
Creating custom development tools and plugins for TanStack applications, Integrating debugging panels into React, Vue, Solid, or Preact apps, Ensuring proper tree-shaking of development tools from production builds
Works with
Claude CodeCursorGitHub CopilotCodexChatGPTGemini CLIOpenCode
Evoa Score breakdown= Σ (score × weight)
86Task usefulness20%100 → +20.0
実タスクにどれだけ役立つか（機能の豊富さ・用途の明確さ）。 — AIによるcapabilities/use-cases解析
Code quality15%90 → +13.5
実装・指示の品質。 — AIによるSKILL.md/README解析
Maintenance15%100 → +15.0
リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ
Documentation12%32 → +3.8
ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量
Security15%100 → +15.0
危険・不審な挙動が無いか。 — AIによるセキュリティレビュー
Originality10%85 → +8.5
ありふれたラッパーではない独自性。 — AIによる独自性判定
Popularity8%71 → +5.7
コミュニティの採用度。 — GitHub Stars/Forks（対数スケール）
Compatibility5%100 → +5.0
対応AIエージェントの広さ。 — AIによる対応エージェント判定
Weighted total86.5 / 100
ライセンス不明/制限あり（Red）のSkillは総合スコアに0.85倍の補正を適用します。 ランキングはこのScoreのみで決まり、広告で変わりません。 算出方法の詳細 →
Security considerations
None. This skill solely instructs on UI component integration and debugging utilities.
Categories
Summary and analysis are original content generated by AI Skills Rank. The skill's source text is not reproduced here — view it on the linked repository.