Menu
Use when creating clickable QML buttons with explicit default, hover, pressed, active, and disabled states.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use when creating live time/date labels, clocks, timers, or date display widgets in Quickshell.
Use when arranging widget rows, columns, grids, menu entries, meters, or responsive panels with Qt Quick Layouts.
Use when creating scalable ornate frames, thorn borders, parchment panels, worn-metal borders, or image-backed UI frames.
Use when creating or modifying Quickshell shell surfaces such as corner cards, bars, HUD panels, or anchored desktop widgets.
Use when creating anchored popup menus, flyouts, tooltip-like panels, or transient menu surfaces in Quickshell.
Use when binding a QML control to a command or process in Quickshell.
| name | quickshell-game-button |
| description | Use when creating clickable QML buttons with explicit default, hover, pressed, active, and disabled states. |
| source_examples | ["examples/quickshell/components/GameButton.qml"] |
| source_docs | ["https://doc.qt.io/qt-6/qml-qtquick-mousearea.html","https://doc.qt.io/qt-6/qtquick-statesanimations-states.html"] |
Use this for gothic menu buttons, action buttons, inventory-slot buttons, AI-icon buttons, or any user-facing clickable control.
Rectangle, framed Item, or image-backed frame) plus an explicit MouseArea hitbox.hoverEnabled: true; otherwise hover state may not update until a mouse button is pressed.default, hover, pressed, active, disabled.State + PropertyChanges when state logic gets larger than one color expression.action-hitbox:<id> marker comment for validator-friendly same-artifact review.~/.config/quickshell.hyprctl and FloatingWindow.MouseArea, hoverEnabled, containsMouse, and pressed appear in the same artifact as the visible control.