skills.rest
reason-machines
reason-machinesOFFICIAL
Explore all skills by this author →
Website𝕏@reasonmachinesGitHub

justanothermusicclient-tauri-youtube-music

Build and extend a Tauri-based desktop YouTube Music client with React and Rust.

4|Updated May 16, 2026
Search Tags:#typescript#React#cross-platform#desktop app#rust#Tauri#youtube music
One-click install
npx skills add https://github.com/reason-machines/devtools-skills --skill justanothermusicclient-tauri-youtube-music-reason-machines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: justanothermusicclient-tauri-youtube-music
Source: https://github.com/reason-machines/devtools-skills/tree/main/skills/justanothermusicclient-tauri-youtube-music
Command: npx skills add https://github.com/reason-machines/devtools-skills --skill justanothermusicclient-tauri-youtube-music-reason-machines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up and contributing to a Tauri desktop application requires coordinating Rust, Node.js, platform-specific system dependencies, and WebView configuration, which often leads to confusing build failures and environment issues. ## Core Features & Use Cases - Environment Setup: Platform-specific prerequisites for Windows (WebView2, C++ Build Tools), macOS (Xcode tools), and Linux (webkit2gtk, gtk3) with exact package install commands. - Tauri Development Patterns: Ready-to-use code for Tauri commands, state management, window creation, system tray menus, Discord Rich Presence, and local cache storage. - YouTube Music Integration: Guidance for injecting JavaScript into the YouTube Music WebView to extract playback state and configuring CSP headers. - Use Case: A developer clones JustAnotherMusicClient, hits a missing libwebkit2gtk error on Ubuntu, and uses this Skill to install the correct dependencies and run npm run tauri dev successfully. ## Quick Start Set up the development environment for JustAnotherMusicClient and help me run the Tauri dev server on my machine.

Frequently Asked Questions about justanothermusicclient-tauri-youtube-music

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

FAQPage Schema
How do I build a Tauri desktop app with React and TypeScript?▼

Install Node.js and Rust, clone the repository, run npm install, then use npm run tauri dev for development with hot reload or npm run tauri build for production bundles. Production outputs include .msi for Windows, .dmg for macOS, and .deb or .AppImage for Linux.

How to call Rust commands from a React frontend in Tauri?▼

Define functions in Rust with the #[tauri::command] attribute and register them via tauri::generate_handler!. In React, import invoke from @tauri-apps/api/tauri and call the command by name with typed arguments and return values.

What Linux dependencies does Tauri require to build?▼

On Debian/Ubuntu, install libwebkit2gtk-4.0-dev, build-essential, libssl-dev, libgtk-3-dev, libayatana-appindicator3-dev, and librsvg2-dev. Fedora and Arch use equivalent packages like webkit2gtk4.0-devel or webkit2gtk.

Why does my Tauri build fail on Windows?▼

Windows builds require the Microsoft Edge WebView2 Runtime and Visual Studio Build Tools with the C++ workload installed. Missing either component causes compilation or runtime WebView errors.

How do I add Discord Rich Presence to a Tauri app?▼

Add the discord-rich-presence crate to Cargo.toml, create a DiscordIpcClient with your application ID, and set an activity with song details. Expose it as a Tauri command so the React frontend can update presence on track changes.

How do I fix CORS issues with YouTube Music in Tauri?▼

Configure the CSP header in tauri.conf.json to allow connections to music.youtube.com, *.youtube.com, and *.googlevideo.com. Also permit https and blob media sources so audio streams and thumbnails load correctly.

Related Skills

Explore More Software Engineering Skills→
involvexinvolvex
1

capacitor-platforms

Add and configure Capawesome Electron and Tauri desktop platforms for Capacitor apps.

Community
Advanced
codjeremias-cellcodjeremias-cell
1

desktop-packaging

Packages Tauri v2 desktop apps into signed installers with auto-update via GitHub Releases.

Community
Intermediate
ValyntValynt

lint-and-format

Automate ESLint, Prettier, and type-checking across a TypeScript monorepo.

Official
Advanced
tankpkgtankpkg
1

@tank/desktop-app-dev

Build cross-platform desktop apps from web projects using Electron, Tauri v2, or Wails.

Official
Advanced