nw-ux-desktop-patterns

Solid

Desktop application UI patterns for product owners. Load when designing native or cross-platform desktop applications, writing desktop-specific acceptance criteria, or evaluating panel layouts and keyboard workflows.

Web & Frontend 523 stars 54 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
91
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Desktop Application UI Patterns Actionable desktop interface patterns for requirements gathering and design review. Use when target platform is native or cross-platform desktop application. ## Native vs Cross-Platform **Native advantages**: Platform conventions feel familiar | better system integration (file dialogs, notifications, drag-and-drop) | consistent OS look and feel | better accessibility through native APIs. **Cross-platform tradeoffs**: Shared codebase reduces cost | visual consistency may conflict with platform expectations | custom rendering may miss OS accessibility features. **Guidance**: If users primarily on one platform, prioritize native conventions. If cross-platform required, follow each platform's conventions for core interactions (menus, shortcuts, window management) while sharing domain-specific UI. ## Core Desktop UI Elements ### Menu Bar Primary access point for all commands. Organize by convention: File, Edit, View, then domain-specific, ending with Window and Help. Every item should have keyboard shortcut for frequent actions. Group with separators; submenus sparingly (one level deep preferred). ### Toolbar Quick access to most common commands (subset of menu bar). Should be configurable: show, hide, rearrange. Every button must have tooltip. Include both icon and text label for primary actions. ### Status Bar Displays contextual info: document stats, cursor position, connection status, mode indicators. Low-profile: supports awareness w...

Details

Author
nWave-ai
Repository
nWave-ai/nWave
Created
3 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

nw-ux-web-patterns

Web UI design patterns for product owners. Load when designing web application interfaces, writing web-specific acceptance criteria, or evaluating responsive designs.

523 Updated 1 weeks ago
nWave-ai
Web & Frontend Solid

nw-ux-tui-patterns

Terminal UI and CLI design patterns for product owners. Load when designing command-line tools, interactive terminal applications, or writing CLI-specific acceptance criteria.

523 Updated 1 weeks ago
nWave-ai
Web & Frontend Solid

macos-design

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.

2,987 Updated 4 days ago
davepoon
Web & Frontend Listed

ui-design

Use for frontend UI, layouts, components, responsive behavior, visual design, and usability.

0 Updated yesterday
kreek
AI & Automation Listed

interface-design

UI/UX design patterns for software. Trigger: When designing user interfaces, planning UX flows, or evaluating UI decisions.

6 Updated 1 weeks ago
joabgonzalez