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

Ready to run

npx skills add https://github.com/johnlindquist/script-kit-next --skill tray-icon

💬 Prompt for ChatGPT / Claude Chat▼

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.