tauri-devtools

用于调试 Tauri 应用的 MCP 工具集，提供截图、DOM 检查、元素交互、IPC 监控等功能。Use when working with Tauri applications for: (1) Debugging UI issues with screenshots and DOM inspection, (2) Automating UI interactions like clicks and input, (3) Monitoring IPC communication between frontend and backend, (4) Managing Tauri windows and sessions, (5) Reading console and system logs.

インストールへ移動

リポジトリ: involvex/octodock
ソースの最終更新活動: 2026年7月26日 15:09
検出された SKILL.md の言語: 中国語
スター: 0
フォーク: 0

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。

npx skills add https://github.com/involvex/octodock --skill tauri-devtools

コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。

ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー

8 ファイル

SKILL.md

ソースの指示 · 読み取り専用プレビュー

検索に戻るインストールに戻る

bun

Bun all-in-one JavaScript runtime and toolkit reference. Covers runtime APIs (file I/O, HTTP server, SQLite, shell), ultra-fast package manager, built-in bundler with plugins, test runner with mocking, TypeScript support, and Node.js compatibility.

2026-07-26

cargo-asm

Inspect compiler-generated assembly for Rust functions with `cargo asm` to verify auto-vectorization, codegen quality, and target-specific lowering. Use when the user asks whether a loop is SIMD/vectorized, wants to compare codegen across targets, audits a hot path, or needs to verify specific instructions (popcnt, AVX, NEON, etc.) are emitted.

2026-07-26

cargo

Router and overview for the Cargo CLI agent skills. Explains the fifteen skills (this router + one onboarding skill cargo-quickstart + one outcome skill cargo-gtm + twelve capability skills, including cargo-cdk for declarative workspace-as-code and cargo-diagnostics for run/batch/cost forensics), when to use the declarative CDK vs the imperative CLI, the UUID flow between them, async polling, end-to-end use cases (enrich one record, enrich and sync to CRM, AI lead scoring, custom workflow, error monitoring, fresh-workspace bootstrap, segment export, GTM context authoring), and common gotchas (`conjonction` spelling, run vs batch, model-uuid vs segment-uuid). Load first whenever working with the Cargo CLI, when unsure which sub-skill applies, when stitching multiple sub-skills together, when bootstrapping a workspace, or when the user asks about Cargo skills in general.

2026-07-26

このリポジトリのすべてを見る

description	用于调试 Tauri 应用的 MCP 工具集，提供截图、DOM 检查、元素交互、IPC 监控等功能。Use when working with Tauri applications for: (1) Debugging UI issues with screenshots and DOM inspection, (2) Automating UI interactions like clicks and input, (3) Monitoring IPC communication between frontend and backend, (4) Managing Tauri windows and sessions, (5) Reading console and system logs.
metadata	{"github-path":"skills/tauri-devtools","github-ref":"refs/heads/main","github-repo":"https://github.com/WncFht/agent-basic-skill","github-tree-sha":"3aaba4bc883dd81c708181a33b251d201c5007be"}
name	tauri-devtools

Tauri DevTools

用于调试 Tauri 应用的 MCP 工具集，提供截图、DOM 检查、元素交互、IPC 监控等功能。

快速开始

第一步：检查环境

# 检查是否安装了 tauri-mcp-cli
tauri-mcp --version

# 检查 Tauri 应用是否在运行（端口 9223）
lsof -i :9223

第二步：连接应用

# 启动 driver session
tauri-mcp driver-session start --port 9223

# 验证连接
tauri-mcp driver-session status

第三步：基础调试

# 截图查看当前状态
tauri-mcp webview-screenshot --file debug.png

# 获取 DOM 结构
tauri-mcp webview-dom-snapshot --type accessibility

# 查看控制台日志
tauri-mcp read-logs --source console --lines 20

📚 完整功能目录

以下功能按类别组织，点击链接查看详细用法。

🔧 初始化配置

新项目的必要配置 - 如果这是你第一次在这个 Tauri 项目中使用 MCP Debug，请先看这里。

包含：

MCP Bridge 插件安装
withGlobalTauri 配置
权限配置
前端辅助函数注入

🔌 Session 管理

管理与 Tauri 应用的连接会话。

常用命令：

tauri-mcp driver-session start --port 9223
tauri-mcp driver-session status
tauri-mcp driver-session stop

🎯 UI 自动化

最强大的调试功能集合：截图、DOM 检查、元素查找与交互。

功能列表：

📸 网页截图
🌲 DOM Snapshot (accessibility/structure)
🔍 元素查找 (CSS/XPath/ref ID)
🎨 获取计算样式
👆 点击/聚焦/交互
⌨️ 键盘输入
⏱️ 等待元素
📜 JavaScript 执行

🪟 窗口管理

管理应用窗口（多窗口支持）。

功能列表：

列出所有窗口
获取窗口信息
调整窗口大小

⚡ IPC 调试

监控和调试 Tauri 的 IPC 通信。

功能列表：

获取后端状态
执行 IPC 命令
监控 IPC 调用
发送测试事件

📝 日志分析

读取应用运行时日志。

功能列表：

读取控制台日志 (JavaScript)
读取系统日志

📱 移动开发

移动端调试支持。

功能列表：

列出 Android 设备
列出 iOS 模拟器

典型调试工作流

场景 1：检查 UI 问题

# 1. 截图看当前状态
tauri-mcp webview-screenshot --file issue.png

# 2. 获取 DOM 看结构
tauri-mcp webview-dom-snapshot --type accessibility

# 3. 查看控制台是否有报错
tauri-mcp read-logs --source console --lines 50

场景 2：测试交互

# 1. 先截图确认初始状态
tauri-mcp webview-screenshot --file before.png

# 2. 点击某个元素
tauri-mcp webview-interact --action click --selector "#submit-btn"

# 3. 截图看结果
tauri-mcp webview-screenshot --file after.png

场景 3：调试 IPC 问题

# 1. 启动 IPC 监控
tauri-mcp ipc-monitor --action start

# 2. 在应用中触发操作

# 3. 查看捕获的 IPC 调用
tauri-mcp ipc-get-captured

# 4. 停止监控
tauri-mcp ipc-monitor --action stop

故障排除

问题	可能原因	解决方案
`no Tauri app found`	MCP Bridge 未安装	查看初始化配置
`Script execution timeout`	`withGlobalTauri` 未启用	查看初始化配置
`resolveRef is not a function`	前端辅助函数未注入	查看初始化配置
`Connection refused`	端口错误或应用未启动	检查 `lsof -i :9223`
`No active session`	Session 已断开	重新运行 `driver-session start`

tauri-devtools

ソース情報

インストール方法

ソースファイルを確認

このリポジトリの他の Skills

Tauri DevTools

快速开始

第一步：检查环境

第二步：连接应用

第三步：基础调试

📚 完整功能目录

🔧 初始化配置

🔌 Session 管理

🎯 UI 自动化

🪟 窗口管理

⚡ IPC 调试

📝 日志分析

📱 移动开发

典型调试工作流

场景 1：检查 UI 问题

场景 2：测试交互

场景 3：调试 IPC 问题

故障排除

参考

このリポジトリの他の Skills

Tauri DevTools

快速开始

第一步：检查环境

第二步：连接应用

第三步：基础调试

📚 完整功能目录

🔧 初始化配置

🔌 Session 管理

🎯 UI 自动化

🪟 窗口管理

⚡ IPC 调试

📝 日志分析

📱 移动开发

典型调试工作流

场景 1：检查 UI 问题

场景 2：测试交互

场景 3：调试 IPC 问题

故障排除

参考