设计资产自动化生成专家

一站式图形设计资产生成方案，涵盖应用图标、网站favicon、配色系统及图像批量处理，基于macOS原生工具链实现高效输出。

基本信息

• 技能名称?Design Assets
• 中文名称?设计资产自动化生成专家
• 作者?cmanfre7
• 分类?专业技能
• 版本?1.0.0
• 标签?design, image-processing, bash, imagemagick, ios, android, web, automation, assets, icons

使用方法

使用说明
核心功能
本技能提供完整的图形设计资产开发工作流，主要面向移动/Web应用开发者与设计师。
核心用法
应用图标生成 ：通过单一1024×1024源文件，自动生成iOS/macOS所需的20种标准尺寸（16-1024px），以及Android 5种密度等级（mdpi至xxxhdpi）的自适应图标。
网站Favicon套件 ：生成16×16至512×512的PNG图标，并合并输出ICO多分辨率格式，附带完整的HTML meta标签与Web Manifest配置模板。
配色系统生成 ：基于HSL色彩模型，从单一主色生成50-950的11级色阶，支持饱和度参数化调整。
图像处理 ：整合三层工具链——sips（macOS原生，极速简单操作）、ImageMagick（复杂合成/特效/批处理）、SVG（矢量图标与Logo）。
显著优势
工具链原生集成 ：优先使用macOS内置 sips 与 screencapture ，零依赖部署
批量自动化 ：Shell脚本驱动，20+尺寸一键生成
多平台覆盖 ：同时满足iOS/macOS/Android/Web的图标规范
可扩展性 ：HSL生成器易于移植至CSS/JS/Swift等开发环境
潜在局限
平台锁定 ：sips为macOS独占，跨平台需替换为ImageMagick或cwebp等工具
AI生成依赖 ： nano-banana-pro 需外部API接入，未提供备选方案
矢量编辑缺失 ：SVG章节仅提及格式优势，无实际路径操作代码
ICO生成依赖ImageMagick ：单一功能引入重型依赖
适用人群
独立开发者需快速产出应用商店素材
前端工程师处理响应式图片与favicon
UI设计师建立系统化色彩规范
风险提示
脚本未包含源文件尺寸校验，非1024×1024输入可能导致非预期拉伸
ImageMagick操作涉及复杂命令行参数，误用可能覆盖原图（建议先用副本测试）
AI生成图像存在版权与内容安全合规风险