tauri-project-setup_skill

This skill guides you through setting up Tauri v2 projects, including prerequisites, scaffolding, and project structure for multiple frontends.

12

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill dchuk/claude-code-tauri-skills --skill tauri-project-setup

SKILL.md6.5 KB

Overview

This skill helps you create and initialize new Tauri v2 projects for building cross-platform desktop and mobile apps. It guides system prerequisites for macOS, Windows, and Linux, and walks through both the recommended create-tauri-app scaffolding and manual Tauri CLI initialization. It also explains the resulting project directory, key configuration files, and supported frontend templates.

How this skill works

The skill inspects your target platform and lists required system tools (Rust, Node.js when needed, platform SDKs). It walks you through interactive project creation with create-tauri-app or adding Tauri to an existing frontend using npx tauri init. It then explains the src-tauri layout, tauri.conf.json options, and the common development and build commands you will use.

When to use it

Starting a new cross-platform desktop or mobile app with a JavaScript or Rust frontend.
Adding Tauri to an existing web frontend to produce native binaries.
Preparing your development machine (macOS, Windows, Linux) for Tauri work.
Choosing a frontend template (React, Vue, Svelte, Solid, Angular, Rust WASM, or vanilla).
Setting up mobile targets for Android or iOS.

Best practices

Install Rust via rustup and set the stable toolchain before adding Tauri.
Use create-tauri-app for quick scaffolding and correct defaults for devUrl and build output.
Keep tauri.conf.json in sync with your frontend dev/build commands and output folder.
Test on each target early — WebView differences can affect behavior across platforms.
Add platform-specific targets only when needed (Android/iOS) and set required env vars (JAVA_HOME, ANDROID_HOME, NDK_HOME).

Example use cases

Scaffold a new React + TypeScript desktop app with create-tauri-app and run npm run tauri dev.
Add Tauri to an existing Vite + Vue project using npx tauri init and configure devUrl to your dev server.
Prepare a Linux workstation by installing webkit2gtk and build-essential before running Tauri builds.
Enable mobile builds by adding Android/iOS Rust targets and running npm run tauri android init or ios init.
Create a minimal Rust + Yew WASM app that produces a tiny native binary using Tauri and Rust backend.

FAQ

Node.js is required only for JavaScript/TypeScript frontends. Pure Rust frontends using WASM or native Rust backends can avoid Node.js.

Which file sets application metadata and dev/build URLs?

tauri.conf.json contains productName, identifier, build.devUrl, and build.frontendDist to connect frontend and backend.