← ClaudeAtlas

debug-taurilisted

Automates Tauri WebView debugging using official plugins (tauri-plugin-log + screenshots) with process verification, automated screenshots, console logs, and state analysis. Use when debugging Tauri apps, investigating WebView issues, analyzing runtime errors, or troubleshooting UI problems.
aiskillstore/marketplace · ★ 329 · Code & Development · score 79
Install: claude install-skill aiskillstore/marketplace
# Tauri WebView Debugger Automated debugging workflow for Tauri applications using `tauri-plugin-debug-tools` with official plugin integration. ## Prerequisites - **tauri-plugin-debug-tools** installed and registered - **tauri-plugin-log** (v2.0+): Official logging plugin for automatic console collection - **tauri-plugin-screenshots** (v2.0+): Cross-platform screenshot capture - Debug permissions enabled: `debug-tools:default`, `log:default`, `screenshots:default` - Frontend logger initialized via `attachConsole()` (recommended for automatic log forwarding) ## Quick Start Run `TAURI_APP_NAME=<app-binary-name> scripts/capture.sh` to verify process and capture screenshot. If process not found, start your dev server (e.g., `tauri dev`) and retry. ## Debug Workflow Copy this checklist to track progress: ```markdown Debug Progress: - [ ] Step 1: Verify process status - [ ] Step 2: Capture screenshot - [ ] Step 3: Collect console logs - [ ] Step 4: Capture WebView state - [ ] Step 5: Analyze findings - [ ] Step 6: Generate debug report - [ ] Step 7: Propose fixes ``` ### Step 1: Verify Process Status Run: `TAURI_APP_NAME=<your-app> scripts/capture.sh` This checks if the app is running and captures an initial screenshot. ### Step 2: Capture Screenshot **Via Plugin API (Recommended)**: ```typescript import { captureMainWindow } from "tauri-plugin-debug-tools/screenshotHelper"; const imagePath = await captureMainWindow(); ``` **Legacy**: capture.sh script (macOS screen