Skip to main content 홈 크리에이터 impertio-studio tauri-2-claude-skill-package tauri-syntax-menu
tauri-syntax-menu Use when creating application menus, system tray icons, context menus, or handling menu events in Tauri 2. Prevents using deprecated v1 menu patterns and missing menu event handler registration on the Builder. Covers MenuBuilder, menu item types, PredefinedMenuItem, context menus, TrayIconBuilder, and JavaScript Menu/TrayIcon APIs. Keywords: tauri menu, MenuBuilder, TrayIcon, system tray, context menu, PredefinedMenuItem, menu events, app menu, system tray, context menu, right-click menu, tray icon, menu bar..
설치로 이동 Skills Marketplace 커뮤니티가 만든 AI 스킬을 발견하고 탐색하세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/Impertio-Studio/Tauri-2-Claude-Skill-Package --skill tauri-syntax-menu명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
Zip 다운로드 다운로드 중... tauri-agents-project-scaffolder Use when scaffolding a new Tauri 2 project, setting up initial project structure, or generating boilerplate code. Prevents incomplete scaffolding with missing permission files, unregistered commands, or broken IPC bridges. Covers configured plugins, capability files, Rust commands with TypeScript invoke calls, build pipeline, and frontend integration. Keywords: tauri scaffolder, project generator, boilerplate, scaffold, new project, project structure, code generation, new desktop app, start Tauri project, generate boilerplate, getting started..
Use when reviewing Tauri 2 code, auditing permissions, or validating a Tauri project before deployment. Prevents shipping apps with missing permissions, unhandled IPC errors, insecure CSP, and unregistered commands. Covers command signature review, permission coverage, state management, error handling, security audit, and anti-pattern detection. Keywords: tauri code review, validation checklist, security audit, permissions audit, anti-pattern scan, deployment readiness, check my Tauri code, security review, permission audit, before release..
Use when creating new Tauri 2 apps, understanding project structure, or reasoning about the component model. Prevents mixing Tauri 1.x architecture assumptions with the v2 multi-webview and capability-based model. Covers Rust backend structure, webview layer, IPC bridge model, process model, project layout, and type hierarchy. Keywords: tauri architecture, project structure, IPC bridge, webview layer, process model, Rust backend, how Tauri works, project layout, frontend backend split, getting started, what is IPC..
name tauri-syntax-menu description Use when creating application menus, system tray icons, context menus, or handling menu events in Tauri 2. Prevents using deprecated v1 menu patterns and missing menu event handler registration on the Builder. Covers MenuBuilder, menu item types, PredefinedMenuItem, context menus, TrayIconBuilder, and JavaScript Menu/TrayIcon APIs. Keywords: tauri menu, MenuBuilder, TrayIcon, system tray, context menu, PredefinedMenuItem, menu events, app menu, system tray, context menu, right-click menu, tray icon, menu bar..
license MIT compatibility Designed for Claude Code. Requires Tauri 2.x with Rust and TypeScript. metadata {"author":"OpenAEC-Foundation","version":"1.0"}
tauri-syntax-menu
Quick Reference
Menu Item Types (Rust)
Type Builder Purpose MenuItemMenuItemBuilderBasic clickable text item CheckMenuItemCheckMenuItemBuilderToggleable checkbox item
PredefinedMenuItem-- OS-native standard items
SubmenuSubmenuBuilderNested menu container
PredefinedMenuItem Types (both Rust and JS) Platform-standard items: About, Hide, HideOthers, ShowAll, CloseWindow, Quit, Copy, Cut, Paste, SelectAll, Undo, Redo, Minimize, Zoom, Separator, Fullscreen, Services, BringAllToFront.
SubmenuBuilder Convenience Methods (Rust) Method Creates .text(id, text)MenuItem with ID and text .separator()Menu separator line .quit()PredefinedMenuItem::Quit .undo()PredefinedMenuItem::Undo .redo()PredefinedMenuItem::Redo .cut()PredefinedMenuItem::Cut .copy()PredefinedMenuItem::Copy .paste()PredefinedMenuItem::Paste .select_all()PredefinedMenuItem::SelectAll
TrayIconBuilder Key Methods (Rust) Method Signature Description new()() -> SelfCreate builder with_id(id)(impl Into<TrayIconId>) -> SelfSet custom ID icon(image)(Image) -> SelfSet tray icon tooltip(text)(impl Into<String>) -> SelfSet tooltip title(text)(impl Into<String>) -> SelfSet title menu(menu)(&Menu) -> SelfAttach context menu show_menu_on_left_click(bool)(bool) -> SelfShow menu on left click (default: true) icon_as_template(bool)(bool) -> SelfmacOS template icon on_menu_event(F)(F) -> SelfMenu click handler on_tray_icon_event(F)(F) -> SelfTray icon click handler build(manager)(impl Manager) -> Result<TrayIcon>Build tray icon
JS Menu Classes Class Import Description Menu@tauri-apps/api/menuMenu container MenuItem@tauri-apps/api/menuClickable text item Submenu@tauri-apps/api/menuNested menu CheckMenuItem@tauri-apps/api/menuToggleable item PredefinedMenuItem@tauri-apps/api/menuOS-standard item TrayIcon@tauri-apps/api/traySystem tray icon
JS TrayIcon Event Types Event Type Description ClickTray icon clicked DoubleClickTray icon double-clicked EnterCursor entered tray icon MoveCursor moved over tray icon LeaveCursor left tray icon
JS TrayIcon Mouse Buttons
Critical Warnings NEVER call Builder::on_menu_event() in Tauri 2 -- it was removed. Use App::on_menu_event() or the builder .on_menu_event() method instead.
NEVER use Tauri v1 menu type names (CustomMenuItem, SystemTray, MenuItem for predefined items) -- they are renamed in v2.
ALWAYS call .build() on MenuBuilder and SubmenuBuilder -- forgetting .build() produces a builder, not a usable menu.
ALWAYS match menu event IDs as strings using event.id().as_ref() in Rust -- menu item IDs are compared as string references, not typed enums.
ALWAYS use Menu.new() (not new Menu()) in JavaScript -- menu items are created via async factory methods.
Essential Patterns
Pattern 1: Application Menu (Rust) use tauri::menu::{MenuBuilder, SubmenuBuilder, PredefinedMenuItem};
tauri::Builder::default ()
.menu (|app| {
let file_menu = SubmenuBuilder::new (app, "File" )
.text ("new" , "New" )
.text ("open" , "Open" )
.separator ()
.quit ()
.build ()?;
let edit_menu = SubmenuBuilder::new (app, "Edit" )
.undo ()
.redo ()
.separator ()
.cut ()
.copy ()
.paste ()
.select_all ()
.build ()?;
MenuBuilder::new (app)
.item (&file_menu)
.item (&edit_menu)
.build ()
})
.on_menu_event (|app, event| {
match event.id ().as_ref () {
"new" => println! ("New file" ),
"open" => println! ("Open file" ),
_ => {}
}
})
.run (tauri::generate_context!())
.expect ("error running app" );
Pattern 2: Application Menu (JavaScript) import { Menu , MenuItem , Submenu , PredefinedMenuItem , CheckMenuItem } from '@tauri-apps/api/menu' ;
const menu = await Menu .new ({
items : [
await Submenu .new ({
text : 'File' ,
items : [
await MenuItem .new ({
text : 'Open' ,
accelerator : 'CmdOrCtrl+O' ,
action : () => { console .log ('Open clicked' ); },
}),
await MenuItem .new ({
text : 'Save' ,
accelerator : 'CmdOrCtrl+S' ,
action : () => { console .log ('Save clicked' ); },
}),
await PredefinedMenuItem .new ({ item : 'Separator' }),
await PredefinedMenuItem .new ({ item : 'Quit' }),
],
}),
await Submenu .new ({
text : 'View' ,
items : [
await CheckMenuItem .new ({
text : 'Dark Mode' ,
checked : false ,
action : (item ) => { console .log ('Toggled' ); },
}),
],
}),
],
});
await menu.setAsAppMenu ();
Pattern 3: Context Menu (JavaScript)
await menu.popup ();
await menu.popup ({ x : 100 , y : 200 });
Pattern 4: System Tray (Rust) use tauri::tray::TrayIconBuilder;
use tauri::menu::MenuBuilder;
use tauri::image::Image;
tauri::Builder::default ()
.setup (|app| {
let menu = MenuBuilder::new (app)
.text ("show" , "Show Window" )
.text ("hide" , "Hide Window" )
.separator ()
.text ("quit" , "Quit" )
.build ()?;
let _tray = TrayIconBuilder::new ()
.icon (Image::from_path ("icons/tray.png" )?)
.tooltip ("My Tauri App" )
.menu (&menu)
.show_menu_on_left_click (true )
.on_menu_event (|app, event| {
match event.id ().as_ref () {
"show" => {
if let Some (w) = app.get_webview_window ("main" ) {
w.show ().unwrap ();
}
}
"quit" => app.exit (0 ),
_ => {}
}
})
.on_tray_icon_event (|tray, event| {
println! ("Tray event: {:?}" , event);
})
.build (app)?;
Ok (())
})
.run (tauri::generate_context!())
.expect ("error running app" );
Pattern 5: System Tray (JavaScript) import { TrayIcon } from '@tauri-apps/api/tray' ;
import { Menu , MenuItem } from '@tauri-apps/api/menu' ;
const menu = await Menu .new ({
items : [
await MenuItem .new ({ text : 'Show' , action : () => showWindow () }),
await MenuItem .new ({ text : 'Quit' , action : () => exit (0 ) }),
],
});
const tray = await TrayIcon .new ({
icon : 'icons/tray-icon.png' ,
tooltip : 'My App' ,
menu,
action : (event ) => {
if (event.type === 'Click' ) {
console .log ('Tray clicked with' , event.button );
}
},
});
await tray.setTooltip ('Updated tooltip' );
await tray.setIcon ('icons/new-icon.png' );
await tray.setVisible (false );
Pattern 6: Menu Item Management (JavaScript)
await menu.append (await MenuItem .new ({ text : 'New Item' , action : () => {} }));
await menu.prepend (await MenuItem .new ({ text : 'First Item' , action : () => {} }));
await menu.insert (1 , await MenuItem .new ({ text : 'At Index 1' , action : () => {} }));
await menu.remove ('item-id' );
await menu.removeAt (0 );
const item = await menu.get ('item-id' );
const allItems = await menu.items ();
Menu Event Handling (Rust)
.on_menu_event (|app, event| {
match event.id ().as_ref () {
"new" => println! ("New file" ),
"open" => println! ("Open file" ),
_ => {}
}
})
The event.id() returns a MenuId. Use .as_ref() to get a &str for pattern matching.
Tray Configuration in tauri.conf.json {
"app" : {
"trayIcon" : {
"iconPath" : "icons/icon.png" ,
"iconAsTemplate" : true }
}
}
Permissions Menu operations require core:menu:default and tray operations require core:tray:default in the capability file.
{
"permissions" : [
"core:menu:default" ,
"core:tray:default"
]
}
v1 to v2 Migration Names Tauri v1 Tauri v2 MenuMenuBuilderCustomMenuItemMenuItemBuilderSubmenuSubmenuBuilderMenuItem (predefined)PredefinedMenuItemSystemTrayTrayIconBuilderSystemTrayEventTrayIconEvent
Reference Links
Official Sources 