skills.rest
GQAdonis
GQAdonisCOMMUNITY
Explore all skills by this author →
Website𝕏@gqadonisctoGitHub

scaffold-react-vite-tauri

Wraps a scaffolded Vite/React project in a Tauri 2 shell for desktop and mobile targets.

Updated Feb 16, 2026
Search Tags:#react#scaffold#cross-platform#desktop app#vite#mobile app#tauri
One-click install
npx skills add https://github.com/GQAdonis/artifact-refiner-skill --skill scaffold-react-vite-tauri-gqadonis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: scaffold-react-vite-tauri
Source: https://github.com/GQAdonis/artifact-refiner-skill/tree/main/skills/scaffold-react-vite-tauri
Command: npx skills add https://github.com/GQAdonis/artifact-refiner-skill --skill scaffold-react-vite-tauri-gqadonis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tauri-apps/cli, @tauri-apps/api, and includes scripts (resource) and references (resource) components.

What problem does it solve? Turning an existing Vite/React web project into a distributable desktop and mobile application normally requires manual Tauri configuration, bundle identifier setup, CSP tuning, and platform SDK handling. This Skill automates that entire wrapping process so one React codebase ships to macOS, Windows, Linux, iOS, and Android. ## Core Features & Use Cases - Automated Tauri 2 Initialization: Runs pnpm tauri init --ci non-interactively against the existing Vite output, installs @tauri-apps/cli and @tauri-apps/api, and verifies the result with pnpm tauri info. - Opinionated Configuration: Sets the bundle identifier, disables global Tauri in favor of @tauri-apps/api imports, and applies a conservative CSP allowing localhost dev and HTTPS production APIs. - Optional Mobile Targets: With the --mobile flag, initializes iOS and Android targets, gracefully skipping when Xcode or the Android SDK is absent. - Use Case: You scaffolded a responsive React PWA and now need a signed desktop binary plus iOS and Android apps from the same source. Run this Skill against the project root to produce a complete src-tauri/ project ready for pnpm tauri build. ## Quick Start Ask the agent to wrap the existing React project at a given path in a Tauri 2 shell, optionally passing a bundle ID and the mobile flag to also initialize iOS and Android targets.

Frequently Asked Questions about scaffold-react-vite-tauri

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I wrap a Vite React app in Tauri 2?▼

Run the orchestration script with --target pointing at the scaffolded React project root. It installs @tauri-apps/cli and @tauri-apps/api, runs pnpm tauri init --ci against the Vite dist output, and verifies the setup with pnpm tauri info.

Can Tauri 2 build iOS and Android apps from a React project?▼

Yes, Tauri 2 supports iOS and Android from the same source as desktop targets. Pass the --mobile flag to run pnpm tauri ios init and pnpm tauri android init; the step is skipped gracefully if Xcode or the Android SDK is missing.

What prerequisites are required for Tauri 2 scaffolding?▼

You need cargo and rustup from rustup.rs plus pnpm via corepack for all targets. iOS builds require Xcode, and Android builds require the Android SDK with ANDROID_HOME set. The script pre-flights these tools before proceeding.

Does a PWA service worker conflict with a Tauri app?▼

No, they coexist without conditional builds. Tauri's WebView serves assets via its own protocol so the service worker registration runs but its intercepts have no effect, and the PWA manifest is simply unused inside Tauri.

When should I not use Tauri for a React project?▼

Skip Tauri when deploying a static site to Vercel or Netlify, since the PWA already works there. For a single self-contained server binary, use the --with-axum-wrapper option from scaffold-react-vite instead.

Related Skills

Explore More Software Engineering Skills→
ai-enhanced-engineerai-enhanced-engineer
3

vite-pwa-patterns

Configure Vite 5 applications as Progressive Web Apps with offline support.

Official
Advanced
bkywksjbkywksj
309

tauri-packaging

Automate cross-platform packaging of Tauri apps for desktop and mobile.

Community
Advanced
walid-moswalid-mos
2

react

Enforce React coding standards for components, state, hooks, JSX, and data fetching.

Community
Intermediate
Eng0AIEng0AI
15

gsap-awwwards-website

Build a React 19 landing page with GSAP scroll animations and Tailwind CSS 4.

Official
Advanced