mcpField
I
ionic-app-icon-splash

ionic-app-icon-splash

github.com/erkamyaman设计与 UI1647 次安装1 周前更新
代码仓库

关于 ionic-app-icon-splash

ionic-app-icon-splash 是为 Capacitor 应用生成 iOS 和 Android 图标及启动画面的技能,适合准备原生应用资源的开发者。它使用源 PNG 生成各尺寸资源并复制到原生项目目录。

主要功能

  1. 01从源 PNG 生成图标资源
  2. 02生成启动画面变体
  3. 03将文件复制到原生项目目录
  4. 04支持 iOS 与 Android

适用场景

  1. 01为商店提交替换默认 Capacitor 图标
  2. 02从单张图标源图生成多种尺寸
  3. 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 默认图标。

何时查阅

硬性规则

  • ✅ 源图标: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