Agent Skills
返回列表
macOS 应用图标设计器

macOS 应用图标设计器

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,将 @user_943ebfa2/macos-app-icon-designer 安装到您的 AI 助手中。

技能介绍

先想清楚:Icon 不是一张好看的正方形插画

直接把一张方图拖进 Xcode,很容易在上线前才发现问题:Finder 和 Dock 不会可靠地帮你裁出圆角,菜单栏更不会自动把彩色图标缩成一个能看清的单色 glyph。macos-app-icon-designer 要处理的正是这种“视觉设计”与“平台资产交付”之间的缝隙:同一个图标要在 Finder、Dock、通知、文档和应用内品牌位上保持可识别,同时还要通过 Xcode、Simulator 与实际 .app bundle 的核对。

技能怎么工作

  • 先读上下文再动笔:检查应用名称、用途、目标受众、现有品牌资产、目标 macOS/Xcode 版本和交付格式,并逐项确认 Finder/Dock、menu bar、notifications、documents 等 icon surface。资料不足时会先给出可回退的假设,而不是直接开始画。
  • 先写 brief,再生成画面:用一个核心隐喻、轮廓、色板、分层计划和明确排除项构成简报;用户未选方向时提供 2–3 个差异明显的方案。适合位图插画时用 $imagegen 生成;需要确定边缘的几何标记则用 SVG 或原生设计工具。
  • 按交付路径处理视觉:现代 Icon Composer 层保持方形且不加 mask;传统扁平 .icns 则提供成品轮廓、透明外角和光学留白。菜单栏图标单独做成 monochrome template glyph,启用 template-image behavior,让 macOS 控制颜色。
  • 多尺寸与真实环境验收:在 1024、256、64、32、16 px 检查,小尺寸需要手调而不是只靠降采样;输出 Icon Composer、AppIcon.appiconset 或 .iconset/.icns,再在浅色、深色、中性、壁纸背景上预览,并尽可能在 Xcode、Simulator、Finder 和 Dock 中实测。

适用边界与注意点

  • 只负责设计、分层与打包衔接;苹果平台行为变化仍需对照 Apple 文档确认。
  • 不要把 macOS 风格简化成固定渐变、过度高光或通用圆角方形。
  • 不要把整张彩色 App Icon 缩进菜单栏;也不要让扁平 .icns 依赖 macOS 自动遮罩。
  • 不要在没有实际构建验证时宣称 production-ready;只看过 1024 px 预览不算完成。

使用场景

  • 在 Xcode 项目里为新 macOS 应用设计图标,需要同时适配 Finder、Dock 和菜单栏的不同显示规则
  • 使用 Tauri 或 Electron 打包 macOS 应用时,需要生成符合规范的 `.icns` 文件并确保透明外角
  • 旧版 `.icns` 图标在 Finder 中显示为方形而非圆角,需要重新处理源文件的光学留白和透明角
  • 为 macOS 应用设计菜单栏图标时,需要创建单色模板 glyph 而非缩小彩色 App Icon

适合人员

  • macOS 独立应用开发者,需要为不同交付格式(Icon Composer、appiconset、.icns)准备图标资产
  • 跨平台桌面应用工程师,需要在 Tauri 或 Electron 工作流中处理 macOS 特有的图标裁剪和模板行为
  • 设计工具或 AI Agent 工程师,需要把图标生成后的多尺寸 QA 和预览表集成到自动化流程
  • 品牌或产品设计师,需要为 macOS 应用提出可落地的图标概念和平台适配方案