Macos Design
Skill Verified ActiveDesign 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.
To empower developers to create applications that look and feel like they were built by Apple, adhering to macOS design patterns and user expectations for a native experience.
Features
- Native macOS UI design principles
- Layout and composition guidance
- Interaction patterns (keyboard shortcuts, drag/drop)
- Visual design (light/dark mode, color, typography)
- Implementation notes for web and native frameworks
Use Cases
- Designing desktop applications for macOS
- Creating system utilities that feel integrated with the OS
- Implementing Apple design patterns like sidebars and traffic lights
- Building tools that prioritize native feel, interaction, and visual consistency
Non-Goals
- Designing for non-macOS platforms
- Providing actual UI code or components
- Handling application logic beyond design considerations
Installation
First, add the marketplace
/plugin marketplace add davepoon/buildwithclaude/plugin install all-skills@buildwithclaudeQuality Score
VerifiedSimilar Extensions
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Microinteractions
99Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "interaction polish", "state transitions", or "input feedback". Also trigger when designing form validation responses, progress indicators, confirmation dialogs, or any UI element where the user expects immediate feedback. Covers trigger design, state rules, feedback mechanisms, and progressive loops. For overall UI polish, see refactoring-ui. For affordance design, see design-everyday-things.
Impeccable
99Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Design Workflow
100Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.
MacOS Design Guidelines
100Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.