界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

app-icon-design

app-icon-design

【设计与创意】Design mobile app icons for App Store and Google Play Store using each::sense AI. Generate distinctive, recognizable app icons in various styles including flat, skeuomorphic, gradient, glyph, and illustrated. Supports iOS and Android guidelines with proper rounded corners and visual weight. Use for: app icons, mobile icons, app store graphics, play s…

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: app-icon-design description: "Design mobile app icons for App Store and Google Play Store using each::sense AI. Generate distinctive, recognizable app icons in various styles including flat, skeuomorphic, gradient, glyph, and illustrated. Supports iOS and Android guidelines with proper rounded corners and visual weight. Use for: app icons, mobile icons, app store graphics, play store icons, favicon design, app branding. Triggers: app icon, mobile app icon, ios icon, android icon, app store icon, play store icon, app icon design, mobile icon design, app logo, favicon" allowed-tools: Bash(curl *), WebFetch

App Icon Design

Design distinctive mobile app icons for App Store and Google Play using each::sense — the intelligent AI agent that automatically selects the best model for your request.

Quick Start

Requires an each::labs API key. Get one at eachlabs.ai.

Using curl

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a mobile app icon for a meditation app. A simple lotus flower symbol in white on a smooth gradient background from deep purple to soft lavender, flat modern style, centered composition, clean and calming, square format with rounded corners."
      }
    ],
    "stream": false
  }'

Using Python (OpenAI SDK)

from openai import OpenAI

client = OpenAI(
    api_key="YOUR_EACHLABS_API_KEY",
    base_url="https://eachsense-agent.core.eachlabs.run/v1"
)

response = client.chat.completions.create(
    model="eachsense/beta",
    messages=[{
        "role": "user",
        "content": "Design a mobile app icon for a meditation app. A simple lotus flower symbol in white on a smooth gradient background from deep purple to soft lavender, flat modern style, centered composition, clean and calming, square format with rounded corners."
    }]
)

print(response.choices[0].message.content)

With Reference Image

Use an existing logo or brand asset to create a matching app icon:

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": [
              {"type": "text", "text": "Convert this logo into a mobile app icon format. Simplify the design to work at small sizes, place it centered on a solid background color that matches the brand, square format with rounded corners, recognizable at 60x60 pixels."},
              {"type": "image_url", "image_url": {"url": "https://example.com/company-logo.png"}}
            ]
          }
    ],
    "stream": false
  }'

Images are sent inside messages using the OpenAI multimodal content format. Maximum 4 images per request.

Streaming

Set "stream": true for real-time SSE responses, or "stream": false for complete result in a single response. Streaming is useful for showing progress in UIs; non-streaming is simpler for scripts and automation.

Icon Styles

StyleDescriptionPopular With
FlatSolid colors, no shadowsUtility apps, productivity
GradientSmooth color transitionsSocial apps, modern tools
GlyphSingle symbol on solid backgroundSystem tools, settings
IllustratedDetailed illustrationGames, kids apps
Skeuomorphic3D, realistic texturesPremium apps, simulators
DuotoneTwo-color designMinimalist brands

Prompt Engineering Tips

Keywords That Work

app icon, centered symbol, simple recognizable shape, bold single glyph,
smooth gradient background, flat vector style, rounded square format,
clean at small sizes, high contrast, distinctive silhouette

Keywords to Avoid

text or letters — unreadable at small sizes on most AI models
thin line art — disappears at icon sizes
multiple objects — icons need one focal element
photorealistic — too complex for small formats

Prompt Structure

app icon for [app type], [symbol/glyph description], [background style], [color palette], [visual style], square format with rounded corners

Examples

Fitness Tracker App

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design an app icon for a fitness tracker. A bold running shoe silhouette with motion lines, vibrant gradient from electric orange to hot pink, flat modern design, centered on the icon, square with rounded corners."
      }
    ],
    "stream": false
  }'

Finance App

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create an app icon for a personal finance app. An upward trending chart arrow forming a shield shape, deep green gradient background, white symbol, professional and trustworthy, clean flat design, square with rounded corners."
      }
    ],
    "stream": false
  }'

Music Streaming App

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design an app icon for a music streaming app. Stylized sound wave forming a circular pattern, gradient from deep violet to electric cyan, glowing neon effect, dark background, modern and energetic, square with rounded corners."
      }
    ],
    "stream": false
  }'

App Store Requirements

PlatformSizeShape
iOS App Store1024 x 1024 pxSquare (system applies corner mask)
Google Play Store512 x 512 pxSquare (system applies corner radius)
iOS Home Screen180 x 180 px (3x)Superellipse corners
Android Home Screen192 x 192 px (xxxhdpi)Adaptive icon
Favicon32 x 32 px / 16 x 16 pxSquare

Icon Design Checklist

  • Recognizable at 29x29px (smallest iOS display size)
  • Works on both light and dark wallpapers
  • Single focal element, not multiple objects
  • No transparency (iOS requires opaque backgrounds)
  • Distinct silhouette when viewed in monochrome
  • Stands out among competitor icons in store search results

Workflow

# Step 1: Generate the icon concept
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "App icon for a recipe sharing app. A chef hat with a heart cutout in the center, warm gradient from peach to coral, friendly and inviting, flat vector style, square with rounded corners."
      }
    ],
    "stream": false
  }'

# Step 2: Explore variations
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "App icon for a recipe sharing app. A chef hat with a heart cutout in the center, warm gradient from peach to coral, friendly and inviting, flat vector style, square with rounded corners."
      },
      {
        "role": "assistant",
        "content": "..."
      },
      {
        "role": "user",
        "content": "Try a different concept: instead of the chef hat, use a steaming cooking pot with the steam forming a heart shape. Same coral gradient background, same flat style."
      }
    ],
    "stream": false
  }'

Related Skills

Related Models

Documentation

我的收藏