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.
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.
功能
- 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
使用场景
- 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
非目标
- Designing for non-macOS platforms
- Providing actual UI code or components
- Handling application logic beyond design considerations
安装
请先添加 Marketplace
/plugin marketplace add davepoon/buildwithclaude/plugin install all-skills@buildwithclaude质量评分
已验证类似扩展
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
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
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 设计指南
100Apple Human Interface Guidelines for Mac。用于构建使用 SwiftUI 或 AppKit 的 macOS 应用、实现菜单栏、工具栏、窗口管理或键盘快捷键时使用。在涉及 Mac UI、桌面应用或 Mac Catalyst 的任务上触发。