关于 ionic-app-icon-splash
ionic-app-icon-splash 是为 Capacitor 应用生成 iOS 和 Android 图标及启动画面的技能,适合准备原生应用资源的开发者。它使用源 PNG 生成各尺寸资源并复制到原生项目目录。
主要功能
- 01从源 PNG 生成图标资源
- 02生成启动画面变体
- 03将文件复制到原生项目目录
- 04支持 iOS 与 Android
适用场景
- 01为商店提交替换默认 Capacitor 图标
- 02从单张图标源图生成多种尺寸
- 03更新启动画面后同步原生项目
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ erkamyaman/ ionic-capacitor-skills --skill ionic-app-icon-splash安装后在 Claude Code 中输入/ionic-app-icon-splash确认已加载。
附带文件references/generate.mdreferences/platform-specifics.md
详细介绍
应用图标与启动屏生成
iOS 和 Android 各自需要约 25 种图标尺寸和 4 种以上启动屏变体。@capacitor/assets 可通过一个源 PNG(图标)和一个源 PNG(启动屏)生成所有资源,并将其复制到正确的原生目录。提交到任何应用商店前,请替换 Capacitor 默认图标。
何时查阅
- 源资源规格与生成命令:generate.md
- iOS / Android 特定说明与浅色 / 深色启动屏:platform-specifics.md
硬性规则
- ✅ 源图标:1024×1024 PNG,不带透明背景,不使用圆角(iOS 会添加遮罩)。
- ✅ 源启动屏:2732×2732 PNG,Logo 居中,背景为纯色。
- ✅ 每当源 PNG 变更时,重新运行
npx capacitor-assets generate。 - ✅ 生成后运行
npx cap sync,将新文件同步到原生项目中。 - ❌ 不要手动编辑
ios/App/App/Assets.xcassets/AppIcon.appiconset/或android/app/src/main/res/mipmap-*/中生成的文件——下次生成时会覆盖这些文件。 - ❌ 不要发布 Capacitor 默认的指南针图标。应用审核会注意到。
库
npm install --save-dev @capacitor/assets
评论
支持 Markdown