用途:该技能用于设计和构建具有原生质感的 macOS 应用界面,强调应用应像系统工具一样在需要时出现、用完即退,而非把网页塞进窗口。
主要能力:提供布局与构图、交互模式、视觉设计三类参考文档,并给出编码前的快速检查清单,包括顶栏放全局操作、侧边栏导航、交通灯按钮融入界面、顶部约 50px 可拖拽区域、空状态与渐进式披露、每个主要操作配快捷键与视觉反馈、明暗双模式、显眼的搜索入口、双向拖放、微动画、简短模态引导。
使用方式:按构建内容阅读对应参考文件——所有 macOS 应用需读 references/layout-and-composition.md;含快捷键、面板、提示、浮层的应用读 references/interaction-patterns.md;涉及明暗模式、色彩、字体读 references/visual-design.md。以 Web 形式(React/HTML)实现时,模拟窗口边框、交通灯与圆角,使用 -apple-system 等字体栈,用 backdrop-filter: blur() 实现通透效果,圆角为窗口 10px、卡片 8px、按钮 6px、输入框 4px,遵循 prefers-color-scheme,阴影分层且克制。用 Electron、Tauri 或原生框架时,尽量集成系统标题栏,遵循系统强调色与外观设置,使用原生拖放 API。
适用场景:需要打造桌面端、macOS 风格界面的应用开发。
限制:资料未提供具体收费、价格、平台支持范围或效果保证等信息。