skills.rest
lihonghuacgk
lihonghuacgkCOMMUNITY
Explore all skills by this author →
GitHub

context-menu

Define and render context menus with nested submenus and checkable items in Wave Terminal.

Updated Apr 26, 2026
Search Tags:#typescript#ui#electron#submenu#checkbox#context-menu#wave-terminal
One-click install
npx skills add https://github.com/lihonghuacgk/waveterm --skill context-menu-lihonghuacgk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: context-menu
Source: https://github.com/lihonghuacgk/waveterm/tree/main/.kilocode/skills/context-menu
Command: npx skills add https://github.com/lihonghuacgk/waveterm --skill context-menu-lihonghuacgk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides developers on creating and displaying context menus within Wave Terminal, including item definitions and interaction handling.

Core Features & Use Cases

  • Define ContextMenuItem types with label, type, submenu, checked, click handlers; integrate with ContextMenuModel to render menus; supports separators and checkboxes for settings.
  • Show context menus using ContextMenuModel.getInstance().showContextMenu(menu, event) in any UI block.
  • Use nested submenus to organize related actions and manage dynamic visibility and enabled states.

Quick Start

Create a list of ContextMenuItem objects and call ContextMenuModel.getInstance().showContextMenu(menu, event) to display it.

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 context menu in Wave Terminal?▼

To create a context menu in Wave Terminal, define a list of ContextMenuItem objects specifying labels and click handlers, then call ContextMenuModel.getInstance().showContextMenu(menu, event) to render it.

Can I add checkboxes and submenus to a right-click menu in Electron?▼

Yes, you can add checkboxes and submenus to a right-click menu by defining ContextMenuItem types with checked states and nested submenu structures to organize related actions interactively.

Does the context menu framework support separators and dynamic visibility?▼

The context menu framework supports separators for visual grouping and allows managing dynamic visibility and enabled states for menu items across desktop and web-like workflows.

What is the schema for defining interactive menu items in TypeScript?▼

The schema for defining interactive menu items is enforced by the ContextMenuItem type, which includes properties for label, type, submenu, checked states, optional roles, and click callbacks.

How do I trigger a context menu from any UI block?▼

To trigger a context menu from any UI block, construct your ContextMenuItem array and invoke ContextMenuModel.getInstance().showContextMenu(menu, event) within your interaction handler.

Related Skills

Explore More Software Engineering Skills→
JosiahSiegelJosiahSiegel
51

react-typescript

Provide TypeScript patterns for React component props, events, hooks, and generics.

Community
Intermediate
Aaron-TawilAaron-Tawil

using-streamlit-session-state

Manage application state across Streamlit reruns using st.session_state.

Community
Intermediate
haxlyshaxlys

electron

Automate Electron desktop apps via Chrome DevTools Protocol with agent-browser.

Community
Intermediate
PeakTaiPeakTai

wok-ui-dropdown

Create interactive dropdown and dropup menus for wok-ui applications.

Community
Intermediate