multiAI Summary Pending

tauri-app-dialog

Display native file open/save dialogs, alerts, and confirmation prompts using the Tauri v2 dialog plugin. Use when showing file pickers, alert/confirm dialogs, or building a unified dialog service layer across platforms.

223 stars

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/tauri-app-dialog/SKILL.md --create-dirs "https://raw.githubusercontent.com/partme-ai/full-stack-skills/main/skills/tauri-skills/tauri-app-dialog/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/tauri-app-dialog/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How tauri-app-dialog Compares

Feature / Agenttauri-app-dialogStandard Approach
Platform SupportmultiLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Display native file open/save dialogs, alerts, and confirmation prompts using the Tauri v2 dialog plugin. Use when showing file pickers, alert/confirm dialogs, or building a unified dialog service layer across platforms.

Which AI agents support this skill?

This skill is compatible with multi.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

## When to use this skill

**ALWAYS use this skill when the user mentions:**
- Native file open/save dialogs or file pickers
- Alert, confirm, or message box dialogs
- Cross-platform dialog behavior consistency

**Trigger phrases include:**
- "dialog", "alert", "confirm", "file picker", "save dialog", "open dialog"

## How to use this skill

1. **Install the dialog plugin**:
   ```bash
   cargo add tauri-plugin-dialog
   ```
2. **Register the plugin** in your Tauri builder:
   ```rust
   tauri::Builder::default()
       .plugin(tauri_plugin_dialog::init())
   ```
3. **Configure capabilities** in `src-tauri/capabilities/default.json`:
   ```json
   { "permissions": ["dialog:allow-open", "dialog:allow-save", "dialog:allow-message", "dialog:allow-ask"] }
   ```
4. **Open a file picker from the frontend**:
   ```typescript
   import { open, save, message, ask } from '@tauri-apps/plugin-dialog';
   const file = await open({ filters: [{ name: 'Images', extensions: ['png', 'jpg'] }] });
   const confirmed = await ask('Are you sure?', { title: 'Confirm', kind: 'warning' });
   ```
5. **Handle cancellation** by checking for null/undefined return values from open/save
6. **Build a unified dialog service** that wraps plugin calls for consistent UX across the app

## Outputs

- Dialog plugin setup with file picker and alert dialogs
- Cancellation and error handling patterns
- Unified dialog service wrapper

## References

- https://v2.tauri.app/plugin/dialog/

## Keywords

tauri dialog, file picker, alert, confirm, save dialog, native dialogs