Skills
.Work. You
Rest

jsgui3-context-menu-patterns

Community

Standardize context menu behavior.

Software Engineering#javascript#frontend development#event handling#ui patterns#context menu#jsgui3
Authormetabench
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized and robust pattern for implementing context menus in jsgui3 applications, ensuring consistent user experience across web and Electron environments.

Core Features & Use Cases

  • Consistent Activation: Triggers context menus reliably via right-clicks or other designated events.
  • Precise Positioning: Ensures menus appear accurately at the cursor's location.
  • Viewport Clamping: Prevents menus from being cut off by screen edges.
  • Intuitive Dismissal: Closes menus automatically when clicking outside or pressing the Escape key.
  • Use Case: Implementing a right-click menu on a list of items in a web application, where the menu options are dynamically generated based on the selected item.

Quick Start

Use the jsgui3-context-menu-patterns skill to implement a context menu that appears on right-click and dismisses when clicking outside the menu.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: jsgui3-context-menu-patterns
Download link: https://github.com/metabench/jsgui3-server/archive/main.zip#jsgui3-context-menu-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.