skills.rest
MichaelCrowe11
MichaelCrowe11COMMUNITY
Explore all skills by this author →
WebsiteGitHub

context-menu

Creates and displays customizable right-click menus with roles, submenus, and toggle options.

1|Updated Apr 28, 2026
Search Tags:#UI design#user interface#dropdown#context menu#right click#menu creation
One-click install
npx skills add https://github.com/MichaelCrowe11/crowe-terminal --skill context-menu-michaelcrowe11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: context-menu
Source: https://github.com/MichaelCrowe11/crowe-terminal/tree/main/.kilocode/skills/context-menu
Command: npx skills add https://github.com/MichaelCrowe11/crowe-terminal --skill context-menu-michaelcrowe11

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies the process of creating and displaying context menus, enabling developers to quickly implement intuitive right-click options within their applications.

Core Features & Use Cases

  • Menu Item Definition: Specifies menu items with labels, roles, submenus, checkboxes, and separators.
  • Display Menus: Provides a straightforward method to show customized context menus at specific events.
  • Use Case: When right-clicking within a file explorer, dynamically show options like 'Rename', 'Delete', or 'Properties' with nested submenus or toggleable checkboxes.

Quick Start

Import the context menu module and call showContextMenu() with your menu array when handling onContextMenu events.

Frequently Asked Questions about context-menu

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

FAQPage Schema
How do I create a custom right-click context menu for my app?▼

To create a custom right-click context menu, define your menu items with labels, roles, submenus, and separators, then call the display function during an onContextMenu event to show the menu.

What is the best way to add submenus and checkboxes to a right-click menu?▼

The best way to add submenus and checkboxes to a right-click menu is by defining menu items with specific roles and toggle options, ensuring safe and flexible nested menu construction for contextual actions.

Can I use this context menu Skill for file managers and settings panels?▼

Yes, you can use this context menu Skill for file managers, editors, and settings panels to organize actions contextually, such as adding Rename or Delete options dynamically within a file explorer interface.

How do I display a context menu at a specific event in my user interface?▼

To display a context menu at a specific event in your user interface, import the context menu module and call the showContextMenu function with your menu array when handling onContextMenu events.

Does this menu creation approach support separators and nested options?▼

Yes, this menu creation approach supports separators and nested options, allowing you to structure complex dropdown menus safely with toggleable checkboxes and submenus for improved user interaction.

Related Skills

Explore More Design & Creative Skills→
LaughingJackalopeLaughingJackalope
1

macos-menus-commands

Implement native macOS menu bar, keyboard shortcuts, and AppKit interop for SwiftUI apps.

Community
Intermediate
1k-off1k-off
1

umbraco-entity-bulk-actions

Create entity bulk actions for Umbraco backoffice collections via manifests and execution classes.

Community
Intermediate
SEMOSSSEMOSS
2

semoss-user-menu

Integrate a user profile dropdown and navigation bar into React-based SEMOSS applications.

Official
Intermediate
TechsioCZTechsioCZ
2

menu-usage

Create data-driven contextual menus for React apps with Zag.js wrappers.

Official
Intermediate