Menu
Use when creating live time/date labels, clocks, timers, or date display widgets in Quickshell.
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 clickable QML buttons with explicit default, hover, pressed, active, and disabled states.
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-clock-label |
| description | Use when creating live time/date labels, clocks, timers, or date display widgets in Quickshell. |
| source_examples | ["examples/quickshell/components/SystemClockLabel.qml","examples/quickshell/standalone/panel-corner-card.qml"] |
| source_docs | ["https://quickshell.org/docs/v0.3.0/types/Quickshell/SystemClock/","https://doc.qt.io/qt-6/qml-qtqml-timer.html"] |
Use this for any widget that claims to show current time, date, or an updating clock.
SystemClock over a hand-rolled timer for Quickshell artifacts.precision: SystemClock.Seconds for second-level clocks or SystemClock.Minutes when seconds are not displayed.Qt.formatDateTime(clock.date, format)."12:00" in generated artifacts.Timer { interval; repeat: true; running: true; onTriggered: ... } and record why SystemClock was not used.~/.config/quickshell.hyprctl and FloatingWindow.SystemClock and Qt.formatDateTime(clock.date when targeting Quickshell.