スキル一覧に戻る
fusengine

swift-app-icons

by fusengine

Redefining development through cognitive automation and collaborative agent systems.

0🍴 0📅 2026年1月25日
GitHubで見るManusで実行

SKILL.md


name: swift-app-icons description: App icons, SF Symbols, and launch screens for iOS/macOS/watchOS/visionOS. Use when adding app icons, using SF Symbols, configuring launch screens, or setting up Asset Catalogs. user-invocable: false

Swift App Icons & Assets

App Icon Requirements

Provide ONE 1024x1024 PNG. Xcode generates all sizes automatically.

Asset Catalog structure:

AppIcon.appiconset/
├── Contents.json
└── AppIcon.png (1024x1024)

iOS 26 Dark & Tinted Icons

{
  "images": [
    { "idiom": "universal", "platform": "ios", "size": "1024x1024", "filename": "icon-light.png" },
    { "appearances": [{"appearance": "luminosity", "value": "dark"}],
      "idiom": "universal", "platform": "ios", "size": "1024x1024", "filename": "icon-dark.png" },
    { "appearances": [{"appearance": "luminosity", "value": "tinted"}],
      "idiom": "universal", "platform": "ios", "size": "1024x1024", "filename": "icon-tinted.png" }
  ]
}

Design rules:

  • Dark: Gradient #313131#141414, transparent background
  • Tinted: Grayscale, black background, 100%→60% opacity gradient

SF Symbols

// Basic usage
Image(systemName: "cloud.sun.bolt.fill")
    .font(.largeTitle)
    .foregroundStyle(.blue)

// Multi-color (original)
Image(systemName: "thermometer.sun.fill")
    .renderingMode(.original)

// Palette mode
Image(systemName: "person.3.fill")
    .symbolRenderingMode(.palette)
    .foregroundStyle(.red, .green, .blue)

// In Label
Label("Settings", systemImage: "gear")

// Accessibility
Image(systemName: "play.circle")
    .accessibilityLabel(String(localized: "button.play"))

Launch Screen

Option 1: Info.plist (Modern, No Storyboard)

<key>UILaunchScreen</key>
<dict>
    <key>UIImageName</key>
    <string>LaunchImage</string>
    <key>UIColorName</key>
    <string>LaunchBackgroundColor</string>
</dict>

Option 2: SwiftUI Document Apps

DocumentGroupLaunchScene("App Name") {
    NewDocumentButton("Create")
} background: {
    Image(.launchBackground)
        .resizable()
        .scaledToFill()
        .ignoresSafeArea()
}

Asset Catalog Colors

// Load from Assets.xcassets
let brandColor = Color("BrandPrimary")
let bgColor = UIColor(named: "BackgroundColor")

Platform-Specific Sizes

PlatformMaster SizeNotes
iOS/iPadOS1024x1024Square, auto-rounded
macOS1024x1024.icns generated
watchOS1024x1024Circular mask
visionOS1024x10243 layers for parallax

Best Practices

  • No transparency - Alpha must be 1.0
  • No manual corners - System applies mask
  • Simple design - Readable at 29x29
  • PNG format - sRGB or Display P3
  • Test all sizes - Use Simulator

スコア

総合スコア

60/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です