Agent skill

Tauri Development

by zosmaai in zosmaai/zosma-cowork

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

MITAuto-check passedFrontend & Design

Install Tauri Development

skills CLI
$ npx skills add zosmaai/zosma-cowork --skill tauri-development -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install zosmaai/zosma-cowork tauri-development --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/zosmaai/zosma-cowork.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/tauri-development .claude/skills/tauri-development && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
tauri-development
GitHub stars
123
Used in
1 other repo
Token cost
~983 tokens
SKILL.md length
262 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

  • Frontend & Design work in your project
  • SKILL.md covers Core Principles, Technology Stack, Project Structure and TypeScript Guidelines, plus 7 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Tauri Development is an agent skill from zosmaai/zosma-cowork. Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design. It works with Tauri, TypeScript, Rust and Tailwind CSS. The repository describes itself as: A web-based AI workspace with a local execution daemon, with an emerging control-plane architecture for remotely operating AI coworkers across machines. The licence is MIT.

When your agent uses it

  • Frontend & Design work in your project

Example prompts

  • “/tauri-development”

What it can do on your machine

Read from SKILL.md and the folder at commit 490fa70. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are rust and typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Tauri Development loads about 983 tokens when it runs. Until then it costs about 37 tokens; SKILL.md has 262 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~37
When it runs · the whole SKILL.md, loaded when a task matches
~983

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from zosmaai/zosma-cowork at commit 490fa70, republished under its MIT licence (© zosmaai). 262 words, ~983 tokens.

Download SKILL.mdSave it as .claude/skills/tauri-development/SKILL.md (or your agent's skills folder).
name
tauri-development
description
Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

Tauri Development Guidelines

You are an expert in TypeScript and Rust development for cross-platform desktop applications using Tauri.

Core Principles

  • Write clean, maintainable TypeScript and Rust code
  • Use TailwindCSS and ShadCN-UI for styling
  • Follow step-by-step planning for complex features
  • Prioritize code quality, security, and performance

Technology Stack

  • Frontend: TypeScript, React/Next.js, TailwindCSS, ShadCN-UI
  • Backend: Rust, Tauri APIs
  • Build: Tauri CLI, Vite/Webpack

Project Structure

src/
├── app/                # Next.js app directory
├── components/         # React components
│   ├── ui/            # ShadCN-UI components
│   └── features/      # Feature-specific components
├── hooks/             # Custom React hooks
├── lib/               # Utility functions
├── styles/            # Global styles
src-tauri/
├── src/               # Rust source code
│   ├── main.rs       # Entry point
│   └── commands/     # Tauri commands
├── Cargo.toml        # Rust dependencies
└── tauri.conf.json   # Tauri configuration

TypeScript Guidelines

Code Style
  • Use functional components with TypeScript
  • Define proper interfaces for all data structures
  • Use async/await for asynchronous operations
  • Implement proper error handling
Tauri Integration
typescript
import { invoke } from '@tauri-apps/api/tauri';

// Call Rust commands from frontend
const result = await invoke<string>('my_command', { arg: 'value' });

// Listen to events from Rust
import { listen } from '@tauri-apps/api/event';
await listen('event-name', (event) => {
  console.log(event.payload);
});

Rust Guidelines

Command Definitions
rust
#[tauri::command]
fn my_command(arg: String) -> Result<String, String> {
    // Implementation
    Ok(format!("Received: {}", arg))
}

fn main() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![my_command])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}
Error Handling
  • Use Result types for fallible operations
  • Define custom error types when needed
  • Propagate errors appropriately
  • Log errors for debugging
Security
  • Validate all inputs from the frontend
  • Use Tauri's security features (CSP, allowlist)
  • Minimize permissions in tauri.conf.json
  • Sanitize file paths and user inputs

UI Development

TailwindCSS
  • Use utility-first approach
  • Implement responsive design
  • Use dark mode support
  • Follow consistent spacing and sizing
ShadCN-UI Components
  • Use pre-built accessible components
  • Customize with TailwindCSS
  • Maintain consistent theming
  • Follow accessibility best practices

State Management

  • Use React Context for global state
  • Consider Zustand for complex state
  • Keep state close to where it's used
  • Implement proper state synchronization with Rust

File System Operations

rust
use std::fs;
use tauri::api::path::app_data_dir;

#[tauri::command]
fn read_file(path: String) -> Result<String, String> {
    fs::read_to_string(&path)
        .map_err(|e| e.to_string())
}

#[tauri::command]
fn write_file(path: String, content: String) -> Result<(), String> {
    fs::write(&path, content)
        .map_err(|e| e.to_string())
}

Building and Distribution

  • Configure proper app metadata
  • Set up code signing for distribution
  • Use Tauri's updater for auto-updates
  • Test on all target platforms

Performance

  • Minimize IPC calls between frontend and Rust
  • Use batch operations where possible
  • Implement proper caching
  • Profile and optimize hot paths

Testing

  • Write unit tests for Rust commands
  • Test frontend components
  • Implement integration tests
  • Test on all target platforms

© zosmaai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/tauri-development of zosmaai/zosma-cowork.

Open the folder on GitHubat commit 490fa70

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in zosmaai/zosma-cowork, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Tauri Development next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Tauri Development compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Tauri Development this skillzosmaai/zosma-cowork1231 repos~983Automated safety check: PassMIT
Tauri Config Ipcifer47/markeron1.2k—~1kAutomated safety check: PassMIT
Web Artifacts Builderanthropics/skills180k40 repos~769Automated safety check: PassApache-2.0
Ss Learnbitjaru/styleseed970—~1.3kAutomated safety check: PassMIT
Animated React Component LibrariesHainrixz/editor-pro-max2601 repos~5.7kAutomated safety check: PassCustom licence
Cross Platform Tauri UIifer47/markeron1.2k—~2kAutomated safety check: PassMIT

Similar skills

  • Tauri Config Ipc

    ifer47/markeron

    Extend MarkerOn settings, persisted config, or Tauri IPC commands.

    1.2k GitHub stars~1k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed
  • Web Artifacts Builder

    anthropics/skills

    Official

    Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

    180k GitHub starsUsed in 40 repos~769 tokens
    Frontend & DesignAuto-check passed
  • Ss Learn

    bitjaru/styleseed

    Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

    970 GitHub stars~1.3k tokensUpdated 7 days ago
    Frontend & DesignAuto-check passed
  • Animated React Component Libraries

    Hainrixz/editor-pro-max

    Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

    260 GitHub starsUsed in 1 repo~5.7k tokens
    Frontend & DesignAuto-check passed
  • Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

    1.2k GitHub stars~2k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed
  • Reduce Bundle Size

    kcsujeet/ilamy-calendar

    Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

    351 GitHub stars~2.9k tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed

More from zosmaai/zosma-cowork

  • React Call

    zosmaai/zosma-cowork

    Reach for the react-call library (createCallable) when building UI that resolves a value back to its caller — confirmations, dialogs, form modals, toasts, notifications, context menus, pickers.

    123 GitHub stars~1.5k tokensUpdated yesterday
    Auto-check passed
  • Hooks Pattern

    zosmaai/zosma-cowork

    Teaches React Hooks for reusing stateful logic across components.

    123 GitHub stars~5.1k tokensUpdated yesterday
    Auto-check passed

Questions about Tauri Development

What does Tauri Development do?

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies. Tauri Development is an agent skill from zosmaai/zosma-cowork.

When should I use Tauri Development?

Tauri Development fits situations like: frontend & Design work in your project.

How do I install Tauri Development in Claude Code?

Run `npx skills add zosmaai/zosma-cowork --skill tauri-development -a claude-code`. Or copy the skill folder (.agents/skills/tauri-development in zosmaai/zosma-cowork) into .claude/skills/tauri-development in your project. Claude Code loads it when a task matches its description.

How do I install Tauri Development in Codex?

Run `npx skills add zosmaai/zosma-cowork --skill tauri-development -a codex`. Or copy the skill folder (.agents/skills/tauri-development in zosmaai/zosma-cowork) into .agents/skills/tauri-development in your project. Codex loads it when a task matches its description.

Can I use Tauri Development in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add zosmaai/zosma-cowork --skill tauri-development -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/tauri-development, .gemini/skills/tauri-development, .github/skills/tauri-development and .opencode/skills/tauri-development in your project.

What does Tauri Development need to run?

SKILL.md names no scripts, command-line tools or credentials: Tauri Development is instructions for the agent only.

Does Tauri Development access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Tauri Development safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Tauri Development use?

Tauri Development is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Tauri Development use?

About 983 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Tauri Development?

Skills that share tags, products or a category with Tauri Development: Tauri Config Ipc (ifer47/markeron, 1.2k stars), Web Artifacts Builder (anthropics/skills, 180k stars), Ss Learn (bitjaru/styleseed, 970 stars) and Animated React Component Libraries (Hainrixz/editor-pro-max, 260 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Tauri Development?

zosmaai (a GitHub organization) maintains it in zosmaai/zosma-cowork, which has 123 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 6, 2026.

Source: zosmaai/zosma-cowork on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.