skills.rest
johnlindquist
johnlindquistCOMMUNITY
Explore all skills by this author →
Website𝕏@johnlindquistGitHub

tray-icon

Create cross-platform system tray icons with dynamic context menus.

28|6|Updated Dec 27, 2025
Search Tags:#cross-platform#gui#system tray#tray icon#menu bar#application integration
One-click install
npx skills add https://github.com/johnlindquist/script-kit-next --skill tray-icon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tray-icon
Source: https://github.com/johnlindquist/script-kit-next/tree/main/.opencode/skill/tray-icon
Command: npx skills add https://github.com/johnlindquist/script-kit-next --skill tray-icon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tray-icon, usvg, resvg, tiny-skia, and includes references (resource) components.

What problem does it solve?

This Skill provides seamless integration with system tray and menu bar functionalities across different operating systems, allowing applications to offer quick access and status updates.

Core Features & Use Cases

  • Cross-Platform Tray Icons: Create and manage system tray icons that are visible in the menu bar or system tray area.
  • Context Menus: Define rich context menus for tray icons, enabling users to interact with application features directly.
  • Use Case: A background utility app can use this Skill to display its status in the menu bar, offering options like "Open App," "Settings," and "Quit" via a right-click context menu.

Quick Start

Use the tray-icon skill to create a system tray icon with an "Open App" and "Quit" option.

Frequently Asked Questions about tray-icon

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

FAQPage Schema
How do I create a cross-platform system tray icon with a custom context menu?▼

To create a cross-platform system tray icon, use this Skill to define the icon and attach a dynamic context menu. It integrates with OS-specific APIs for macOS, Windows, and Linux, utilizing muda for menu management and usvg/resvg for SVG rendering.

Can I render SVG icons for my menu bar application integration?▼

Yes, you can render SVG icons for menu bar application integration. This Skill uses the usvg and resvg libraries to process SVG files, ensuring your tray icon displays correctly across different operating system environments.

Does this approach support launch-at-login toggles for background utility apps?▼

Yes, this approach supports launch-at-login toggles for background utility apps. The Skill facilitates creating tray icons with dynamic context menus, allowing users to interact with application features like settings and login preferences directly.

What is the best way to manage system tray menus across macOS, Windows, and Linux?▼

The best way to manage system tray menus across macOS, Windows, and Linux is utilizing the muda library for menu management. This Skill integrates with underlying OS-specific APIs to ensure consistent context menu behavior.

Are there limitations when building system tray icons for multiple operating systems?▼

When building system tray icons for multiple operating systems, limitations depend on underlying OS-specific APIs. The Skill relies on dependencies like tray-icon, usvg, resvg, and tiny-skia to abstract differences, but native menu behaviors may still vary.

Related Skills

Explore More Software Engineering Skills→
HNULS-LabHubHNULS-LabHub

Electron Tray Icon Setup

Configure platform-aware Electron tray icons for dev and packaged builds.

Official
Advanced
JustCodePLJustCodePL
1

systray-patterns

Provide cross-platform system tray UI patterns for Go desktop applications.

Official
Intermediate
mohamedgshoaibmohamedgshoaib
5

virtual-lists

Implement list virtualization with react-window to render visible subsets of large datasets.

Community
Intermediate
Eric-NessEric-Ness

build-macos-apps

Build native macOS apps in Swift using SwiftUI and AppKit from the CLI.

Community
Advanced