simply-ehis
- 21 skills
- 0 followers
- 10 hours ago last updated
- ▌ Desktop UI Scrolling Navigation · simply-ehisUse whenever designing or reviewing scroll containers, scrollbar styling, pagination vs. infinite scroll decisions, keyboard navigation, or focus management in a desktop app. Depends on desktop-ui-foundations. Trigger on "scrolling," "scrollbar," "pagination," "keyboard navigation," "focus," or "breadcrumbs."
- ▌ Desktop UI Color System · simply-ehisUse whenever choosing a color palette, defining semantic colors, deciding how stacked/layered surfaces should read, styling active/selected/hover states, or reviewing an app for color inconsistency or the "AI purple gradient" look. Depends on desktop-ui-foundations. Trigger on "color palette," "dark mode," "this looks too purple/generic," "active state color," "elevation," or "stacked components."
- ▌ Desktop UI Grids Layout · simply-ehisUse whenever designing or reviewing grid systems, gallery/asset grids, alignment, or list-vs-grid view formatting in a desktop app. Depends on desktop-ui-foundations and desktop-ui-spacing-sizing. Trigger on "grid layout," "gallery view," "alignment," "columns," or "list vs grid."
- ▌ Desktop Installer Design · simply-ehisUse whenever designing, building, or reviewing an app's installer, first-run/onboarding wizard, or uninstaller — Windows (NSIS/Inno/MSIX), macOS (DMG/pkg), or Linux (AppImage/deb/rpm) install flows. Depends on desktop-ui-foundations for tokens and desktop-ui-icons for the app icon. Trigger on "installer," "onboarding wizard," "first-run setup," "DMG background," or "uninstaller."
- ▌
- ▌ Desktop UI Export Import · simply-ehisUse whenever designing or reviewing export dialogs, import flows, drag-and-drop import zones, or format/destination pickers in a desktop app. Depends on desktop-ui-foundations, desktop-ui-surfaces-overlays, and desktop-ui-feedback-messaging. Trigger on "export dialog," "import flow," "file format picker," or "drag and drop import."
- ▌ Desktop UI Panels Boards · simply-ehisUse whenever designing or reviewing dockable/resizable panel systems (IDE-style split panes), kanban-style boards, or tool palettes/tool sections (toolbox-style icon grids for creative apps). Depends on desktop-ui-foundations, desktop-ui-color-system, and desktop-ui-icons. Trigger on "panel layout," "dockable panel," "split view," "kanban board," "board view," or "tool palette."
- ▌ Desktop UI Spacing Sizing · simply-ehisUse whenever setting sizing caps, spacing/density, empty (negative) space, or deciding overflow/dynamism behavior — what happens when content exceeds its container, when a window is resized small, or when a list gets very long. Depends on desktop-ui-foundations for the base spacing scale. Trigger on "sizing," "spacing," "too cramped/too sparse," "overflow," "truncation," "responsive," or "empty space."
- ▌ Desktop UI Settings Layout · simply-ehisUse whenever designing or reviewing a desktop app's settings/preferences screen. Depends on desktop-ui-foundations, desktop-ui-layout-navigation, and desktop-ui-text-inputs. Trigger on "settings page," "preferences," or "settings layout."
- ▌ Desktop UI Style Direction · simply-ehisUse at the START of any new app or major redesign, before picking specific colors/type/icons, to deliberately choose an aesthetic direction that fits what the app actually is — instead of defaulting to one generic "clean SaaS" look for every project. Depends on desktop-ui-foundations. Trigger on "what should this look like," "style direction," "visual identity," "this app needs its own personality," or when starting a new app in a multi-app portfolio.
- ▌ Desktop UI Buttons Controls · simply-ehisUse whenever designing, building, or reviewing buttons, icon buttons, toggles, switches, checkboxes, radio buttons, segmented controls, or any other clickable/pressable control in a desktop app. Depends on desktop-ui-foundations for tokens — read that first if it hasn't been read this session. Trigger on "design a button," "this button looks off," "add a toggle/switch," "button states," or any control/interaction-hierarchy question.
- ▌
- ▌ Desktop UI Domain Components · simply-ehisUse whenever designing a component that doesn't have an off-the-shelf UI pattern — an audio waveform/timeline editor, a 3D viewport and its gizmos, a code/diff viewer, a node graph, an asset preview pane, or any other domain-specific tool surface. Depends on desktop-ui-foundations, desktop-ui-color-system, and desktop-ui-motion. Trigger on "waveform editor," "timeline," "3D viewport," "diff viewer," "node graph," or "there's no standard pattern for this."
- ▌ Desktop UI Layout Navigation · simply-ehisUse whenever designing or reviewing a desktop app's window chrome, header/toolbar, sidebar, or tab system — how the user moves between sections of the app. Depends on desktop-ui-foundations. Trigger on "sidebar," "tabs," "header layout," "navigation," "title bar," "window chrome," or "app shell."
- ▌ Desktop UI Surfaces Overlays · simply-ehisUse whenever designing or reviewing cards/panels, modals, dialogs, popovers, dropdown menus, context menus, or tooltips in a desktop app. Depends on desktop-ui-foundations and desktop-ui-color-system for elevation. Trigger on "modal," "dialog," "dropdown," "popover," "context menu," "tooltip," or "card design."
- ▌ Desktop UI Accessibility I18N · simply-ehisUse whenever designing or reviewing keyboard access, screen reader support, high-contrast/forced-colors modes, hybrid touch input, or right-to-left and translated layouts in a desktop app. Depends on desktop-ui-foundations. Read this alongside foundations on any real project — it is not an optional add-on skill. Trigger on "accessibility," "a11y," "screen reader," "keyboard navigation," "high contrast," "forced colors," "RTL," "right-to-left," "localization," "translation," or "this breaks in German/Arabic/Japanese."
- ▌ Desktop UI Feedback Messaging · simply-ehisUse whenever designing or reviewing toasts, banners, inline errors, alert dialogs, empty states, or loading states in a desktop app — anywhere the app communicates status, success, failure, or "nothing here yet" to the user. Depends on desktop-ui-foundations and desktop-ui-color-system. Trigger on "error message," "toast," "banner," "empty state," "loading state," or "notification."
- ▌ Desktop UI Icons · simply-ehisUse whenever choosing, drawing, sourcing, or reviewing icons in a desktop app — toolbar icons, sidebar icons, empty-state illustrations, tray/menu-bar icons, app icons. Enforces a hard rule against Lucide (and unmodified default icon sets generally) and gives a concrete selection and consistency process instead. Depends on desktop-ui-foundations. Trigger on "pick an icon," "icon set," "this icon looks wrong/mismatched," or "no lucide."
- ▌ Desktop UI Motion · simply-ehisUse whenever adding, reviewing, or fixing animation/motion/transitions in a desktop app — button feedback, panel/modal enter-exit, tab switching, drag interactions, loading states. Depends on desktop-ui-foundations. Trigger on "animation," "transition," "this feels janky/slow/stiff," "motion," or "make this feel responsive."
- ▌ Desktop UI Foundations · simply-ehisUse as the shared baseline when designing or reviewing a desktop application (Electron, Tauri, native, or game-engine UI), especially for a full visual or interaction pass. It establishes product intent, desktop-specific craft, state coverage, and a token vocabulary that the focused desktop-ui-* skills build on. Do not use for ordinary websites or mobile apps.
- ▌ Desktop UI Text Inputs · simply-ehisUse whenever designing or reviewing text fields, search bars, textareas, combo boxes/selects, or form validation in a desktop app. Depends on desktop-ui-foundations. Trigger on "text input," "search bar," "form field," "validation," or "this input looks off."