skills.rest
annurdien
annurdienCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ios-app-assets

Generate iOS app visual assets with Nanobanana and ImageMagick.

Updated Apr 27, 2026
Search Tags:#ios#assets#sprites#icons#resizing#backgrounds#illustrations
One-click install
npx skills add https://github.com/annurdien/skills --skill ios-app-assets-annurdien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-app-assets
Source: https://github.com/annurdien/skills/tree/main/ios-app-assets
Command: npx skills add https://github.com/annurdien/skills --skill ios-app-assets-annurdien

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables designers and engineers to automate the creation of iOS in-app visuals, including UI icons, sprites, illustrations, and backgrounds, streamlining the asset pipeline and ensuring consistency across the app.

Core Features & Use Cases

  • Opaque Assets: Generate illustrations and backgrounds directly with Nanobanana for a fast, coherent visual language.
  • Transparent Assets: Create UI icons and sprites on a solid contrasting background, then remove the background via ImageMagick to preserve transparent assets.
  • Resizing for iOS Scales: Produce assets sized for @1x, @2x, and @3x, with recommended sizes for tab bars, toolbars, and navigation targets.

Quick Start

Generate a complete iOS asset set by creating opaque assets (illustrations and backgrounds) with Nanobanana, then produce transparent icons and sprites on a solid background, remove the background with ImageMagick, and resize assets for @1x/@2x/@3x.

Frequently Asked Questions about ios-app-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate transparent iOS icons and sprites automatically?▼

Transparent iOS icons and sprites are generated by rendering them on a solid contrasting background and then removing that background with ImageMagick. This approach preserves transparency for UI elements like tab bar icons.

What is the best way to resize iOS app assets for @1x, @2x, and @3x scales?▼

Resizing iOS app assets for @1x, @2x, and @3x scales is handled using the magick command. It processes visual assets to meet recommended sizes for tab bars, toolbars, and navigation targets with consistent quality.

Can I use ImageMagick to create transparent UI icons from generated images?▼

Yes, ImageMagick is used to create transparent UI icons by removing the solid contrasting background from the initially generated image. This ensures the final sprites and icons have clean, transparent edges.

How do I automate the iOS app visual asset pipeline for backgrounds and illustrations?▼

Opaque assets like backgrounds and illustrations are generated directly with Nanobanana to establish a coherent visual language. This automates the asset pipeline by producing polished in-app visuals without manual editing.

Does generating iOS assets with magick include quality checks for clean edges?▼

Yes, the iOS asset generation process includes provided quality checks to ensure clean edges and visual consistency. These checks are applied after resizing the assets for the different iOS display scales.

Related Skills

Explore More Design & Creative Skills→
billyfranklim1billyfranklim1

nano-banana

Generate and edit images for web and social media via the Gemini nanobanana CLI extension.

Community
Intermediate
solibluesoliblue
2

icon

Generate branded iOS app icons with background removal and 1x/2x/3x outputs.

Community
Advanced
mahirocokomahirocoko

generate2dsprite

Generate and postprocess 2D pixel-art sprite sheets with transparent exports.

Community
Advanced
adamhjkadamhjk
2

pixijs-scene-graphics

Create vector shapes, paths, and gradients in PixiJS v8.

Community
Intermediate