
from Build With Claude2,781
Design and build native-feeling macOS application UIs: layouts, traffic-light chrome, light/dark themes, keyboard shortcuts, drag-and-drop, and micro-interactio
This skill provides practical guidance and best practices for designing macOS-native application interfaces. It helps agents produce UI designs, implementation notes, and checklists that make apps feel like first-class Mac applications — covering layout, window chrome, traffic lights, drag zones, light/dark mode, accessibility, micro-animations, and integration tips for web or native stacks.
Invoke this skill when the user asks for a desktop app, macOS app, or a UI that should feel "native" on macOS. Trigger when users mention Apple design patterns, traffic lights, sidebar layouts, command palettes, system utilities, or requests to port a web UI to a Mac-like experience. Use it during design reviews, component specs, or when producing implementation-ready notes for React/Electron/Tauri or native frameworks.
Best used with agents that can produce UI code and design guidance (Claude Code, Copilot-style agents, Cursor). Agents with web/CSS or native framework knowledge will extract the implementation notes most effectively.
This skill has not been reviewed by our automated audit pipeline yet.