{
  "schemaVersion": "1.0",
  "item": {
    "slug": "app-store-screenshots",
    "name": "App Store Screenshots",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/okaris/app-store-screenshots",
    "canonicalUrl": "https://clawhub.ai/okaris/app-store-screenshots",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/app-store-screenshots",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=app-store-screenshots",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.md"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "Download the package from Yavira.",
        "Extract it into a folder your agent can access.",
        "Paste one of the prompts below and point your agent at the extracted folder."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
        },
        {
          "label": "Upgrade existing",
          "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/app-store-screenshots"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/app-store-screenshots",
    "agentPageUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent",
    "manifestUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "Download the package from Yavira.",
      "Extract it into a folder your agent can access.",
      "Paste one of the prompts below and point your agent at the extracted folder."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
      },
      {
        "label": "Upgrade existing",
        "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "App Store Screenshots",
        "body": "Create app store screenshots and preview videos via inference.sh CLI."
      },
      {
        "title": "Quick Start",
        "body": "curl -fsSL https://cli.inference.sh | sh && infsh login\n\n# Generate a device mockup scene\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style\",\n  \"width\": 1024,\n  \"height\": 1536\n}'\n\nInstall note: The install script only detects your OS/architecture, downloads the matching binary from dist.inference.sh, and verifies its SHA-256 checksum. No elevated permissions or background processes. Manual install & verification available."
      },
      {
        "title": "Apple App Store (iOS)",
        "body": "DeviceDimensions (px)RequirediPhone 6.7\" (15 Pro Max)1290 x 2796RequirediPhone 6.5\" (11 Pro Max)1284 x 2778RequirediPhone 5.5\" (8 Plus)1242 x 2208OptionaliPad Pro 12.9\" (6th gen)2048 x 2732If iPad appiPad Pro 11\"1668 x 2388If iPad app\n\nUp to 10 screenshots per localization\nFirst 3 screenshots are visible without scrolling (critical)\nFormats: PNG or JPEG (no alpha/transparency for JPEG)"
      },
      {
        "title": "Google Play Store (Android)",
        "body": "SpecValueMin dimensions320 px (any side)Max dimensions3840 px (any side)Aspect ratio16:9 or 9:16Max screenshots8 per device typeFormatsPNG or JPEG (24-bit, no alpha)\n\nFeature graphic: 1024 x 500 px (required for featuring)\nPromo video: YouTube URL (optional but recommended)"
      },
      {
        "title": "The First 3 Rule",
        "body": "80% of App Store impressions show only the first 3 screenshots (before the user scrolls). These three must:\n\nCommunicate the core value proposition\nShow the best feature/outcome\nDifferentiate from competitors"
      },
      {
        "title": "Screenshot Gallery Order",
        "body": "PositionContentPurpose1Hero — core value, best featureStop the scroll, communicate what the app does2Key differentiatorWhat makes you unique vs competitors3Most popular featureThe thing users love most4Social proof or outcomeRatings, results, testimonials5-8Additional featuresSupporting features, settings, integrations9-10Edge casesSpecialized features for niche users"
      },
      {
        "title": "1. Device Frame with Caption",
        "body": "The standard: device mockup showing the app, caption text above/below.\n\n┌──────────────────────────┐\n│   \"Track Your Habits     │  ← Caption (benefit-focused)\n│    Effortlessly\"         │\n│                          │\n│   ┌──────────────────┐   │\n│   │                  │   │\n│   │   App Screen     │   │  ← Actual app UI in device frame\n│   │   Content        │   │\n│   │                  │   │\n│   │                  │   │\n│   └──────────────────┘   │\n│                          │\n└──────────────────────────┘"
      },
      {
        "title": "2. Full-Bleed UI (No Device Frame)",
        "body": "The app UI fills the entire screenshot. Works for immersive apps."
      },
      {
        "title": "3. Lifestyle Context",
        "body": "The device shown in a real-world context (person holding phone, on desk, etc.)."
      },
      {
        "title": "4. Feature Highlight with Callouts",
        "body": "UI screenshot with arrows/circles pointing to specific features."
      },
      {
        "title": "Rules",
        "body": "Max 2 lines of text\nBenefit-focused, not feature-focused\n30pt+ equivalent font size (must be readable in store)"
      },
      {
        "title": "Examples",
        "body": "❌ Feature-focused:\n\"Push Notification System\"\n\"Calendar View with Filters\"\n\"Data Export Functionality\"\n\n✅ Benefit-focused:\n\"Never Miss a Deadline Again\"\n\"See Your Week at a Glance\"\n\"Share Reports in One Tap\""
      },
      {
        "title": "Hero Screenshot (Position 1)",
        "body": "# Clean device mockup with hero feature\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"modern iPhone showing a beautiful fitness tracking app with activity rings and workout summary, device floating at slight angle against soft purple gradient background, professional product shot, clean minimal composition, subtle reflection\",\n  \"width\": 1024,\n  \"height\": 1536\n}'"
      },
      {
        "title": "Feature Highlight",
        "body": "# Feature callout style\ninfsh app run bytedance/seedream-4-5 --input '{\n  \"prompt\": \"app store screenshot style, iPhone showing a messaging app with AI writing suggestions highlighted, clean white background, subtle UI callout arrows, professional marketing asset, modern design\",\n  \"size\": \"2K\"\n}'"
      },
      {
        "title": "Lifestyle Context",
        "body": "# Device in real-world setting\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"person holding iPhone showing a cooking recipe app, kitchen background with ingredients, warm natural lighting, over-the-shoulder perspective, lifestyle photography, authentic feeling\",\n  \"width\": 1024,\n  \"height\": 1536\n}'"
      },
      {
        "title": "Before/After",
        "body": "# Split comparison\ninfsh app run infsh/stitch-images --input '{\n  \"images\": [\"before-screenshot.png\", \"after-screenshot.png\"],\n  \"direction\": \"horizontal\"\n}'"
      },
      {
        "title": "Apple App Store",
        "body": "SpecValueDuration15-30 secondsOrientationPortrait or landscape (match app)AudioOptional (loops silently in store)FormatH.264, .mov or .mp4"
      },
      {
        "title": "Google Play",
        "body": "SpecValueSourceYouTube URLDuration30s-2min recommendedOrientationLandscape preferred"
      },
      {
        "title": "Preview Video Structure",
        "body": "SegmentDurationContentHook0-3sShow the core outcome/wow momentFeature 13-10sDemonstrate top feature in actionFeature 210-18sSecond key featureFeature 318-25sThird feature or social proofCTA25-30sEnd screen with app icon\n\n# Generate preview video scenes\ninfsh app run google/veo-3-1-fast --input '{\n  \"prompt\": \"smooth screen recording style, finger tapping on a modern mobile app interface, swiping between screens showing charts and data visualizations, clean UI transitions, professional app demo\"\n}'"
      },
      {
        "title": "Localization",
        "body": "Each language gets its own set of screenshots. Priorities:\n\nMarketLocalization LevelPrimary marketsFull: new screenshots + translated captionsSecondary marketsTranslated captions, same screenshotsOtherEnglish defaults\n\nKey localization markets: English, Japanese, Korean, Chinese (Simplified), German, French, Spanish, Portuguese (Brazilian)"
      },
      {
        "title": "A/B Testing (Google Play)",
        "body": "Google Play Console supports store listing experiments:\n\nTest different screenshot orders\nTest with/without device frames\nTest different captions\nTest different color schemes\nRun for 7+ days with 50%+ traffic for significant results"
      },
      {
        "title": "Common Mistakes",
        "body": "MistakeProblemFixSettings screen as screenshotNobody cares about settingsShow core value, not infrastructureOnboarding flow screenshotsShows friction, not valueShow the app in-use stateToo much textUnreadable in storeMax 2 lines, 30pt+ fontWrong dimensionsRejected by storeUse exact platform specsAll screenshots look the sameNo reason to scrollVary composition and contentFeature-focused captionsDoesn't communicate benefit\"Never Miss a Deadline\" > \"Push Notifications\"Outdated UILooks abandonedUpdate screenshots with each major releaseNo hero screenshotWeak first impressionPosition 1 = your best shot"
      },
      {
        "title": "Checklist",
        "body": "Correct dimensions for target platform\n First 3 screenshots communicate core value\n Captions are benefit-focused, max 2 lines\n No onboarding or settings screens\n Preview video is 15-30s with hook in first 3s\n Localized for top markets\n Feature graphic (1024x500) for Google Play\n Screenshots updated for current app version\n A/B test variant prepared"
      },
      {
        "title": "Related Skills",
        "body": "npx skills add inference-sh/skills@ai-image-generation\nnpx skills add inference-sh/skills@ai-video-generation\nnpx skills add inference-sh/skills@image-upscaling\nnpx skills add inference-sh/skills@prompt-engineering\n\nBrowse all apps: infsh app list"
      }
    ],
    "body": "App Store Screenshots\n\nCreate app store screenshots and preview videos via inference.sh CLI.\n\nQuick Start\ncurl -fsSL https://cli.inference.sh | sh && infsh login\n\n# Generate a device mockup scene\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style\",\n  \"width\": 1024,\n  \"height\": 1536\n}'\n\n\nInstall note: The install script only detects your OS/architecture, downloads the matching binary from dist.inference.sh, and verifies its SHA-256 checksum. No elevated permissions or background processes. Manual install & verification available.\n\nPlatform Specifications\nApple App Store (iOS)\nDevice\tDimensions (px)\tRequired\niPhone 6.7\" (15 Pro Max)\t1290 x 2796\tRequired\niPhone 6.5\" (11 Pro Max)\t1284 x 2778\tRequired\niPhone 5.5\" (8 Plus)\t1242 x 2208\tOptional\niPad Pro 12.9\" (6th gen)\t2048 x 2732\tIf iPad app\niPad Pro 11\"\t1668 x 2388\tIf iPad app\nUp to 10 screenshots per localization\nFirst 3 screenshots are visible without scrolling (critical)\nFormats: PNG or JPEG (no alpha/transparency for JPEG)\nGoogle Play Store (Android)\nSpec\tValue\nMin dimensions\t320 px (any side)\nMax dimensions\t3840 px (any side)\nAspect ratio\t16:9 or 9:16\nMax screenshots\t8 per device type\nFormats\tPNG or JPEG (24-bit, no alpha)\nFeature graphic: 1024 x 500 px (required for featuring)\nPromo video: YouTube URL (optional but recommended)\nThe First 3 Rule\n\n80% of App Store impressions show only the first 3 screenshots (before the user scrolls). These three must:\n\nCommunicate the core value proposition\nShow the best feature/outcome\nDifferentiate from competitors\nScreenshot Gallery Order\nPosition\tContent\tPurpose\n1\tHero — core value, best feature\tStop the scroll, communicate what the app does\n2\tKey differentiator\tWhat makes you unique vs competitors\n3\tMost popular feature\tThe thing users love most\n4\tSocial proof or outcome\tRatings, results, testimonials\n5-8\tAdditional features\tSupporting features, settings, integrations\n9-10\tEdge cases\tSpecialized features for niche users\nScreenshot Styles\n1. Device Frame with Caption\n\nThe standard: device mockup showing the app, caption text above/below.\n\n┌──────────────────────────┐\n│   \"Track Your Habits     │  ← Caption (benefit-focused)\n│    Effortlessly\"         │\n│                          │\n│   ┌──────────────────┐   │\n│   │                  │   │\n│   │   App Screen     │   │  ← Actual app UI in device frame\n│   │   Content        │   │\n│   │                  │   │\n│   │                  │   │\n│   └──────────────────┘   │\n│                          │\n└──────────────────────────┘\n\n2. Full-Bleed UI (No Device Frame)\n\nThe app UI fills the entire screenshot. Works for immersive apps.\n\n3. Lifestyle Context\n\nThe device shown in a real-world context (person holding phone, on desk, etc.).\n\n4. Feature Highlight with Callouts\n\nUI screenshot with arrows/circles pointing to specific features.\n\nCaption Writing\nRules\nMax 2 lines of text\nBenefit-focused, not feature-focused\n30pt+ equivalent font size (must be readable in store)\nExamples\n❌ Feature-focused:\n\"Push Notification System\"\n\"Calendar View with Filters\"\n\"Data Export Functionality\"\n\n✅ Benefit-focused:\n\"Never Miss a Deadline Again\"\n\"See Your Week at a Glance\"\n\"Share Reports in One Tap\"\n\nGenerating Screenshots\nHero Screenshot (Position 1)\n# Clean device mockup with hero feature\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"modern iPhone showing a beautiful fitness tracking app with activity rings and workout summary, device floating at slight angle against soft purple gradient background, professional product shot, clean minimal composition, subtle reflection\",\n  \"width\": 1024,\n  \"height\": 1536\n}'\n\nFeature Highlight\n# Feature callout style\ninfsh app run bytedance/seedream-4-5 --input '{\n  \"prompt\": \"app store screenshot style, iPhone showing a messaging app with AI writing suggestions highlighted, clean white background, subtle UI callout arrows, professional marketing asset, modern design\",\n  \"size\": \"2K\"\n}'\n\nLifestyle Context\n# Device in real-world setting\ninfsh app run falai/flux-dev-lora --input '{\n  \"prompt\": \"person holding iPhone showing a cooking recipe app, kitchen background with ingredients, warm natural lighting, over-the-shoulder perspective, lifestyle photography, authentic feeling\",\n  \"width\": 1024,\n  \"height\": 1536\n}'\n\nBefore/After\n# Split comparison\ninfsh app run infsh/stitch-images --input '{\n  \"images\": [\"before-screenshot.png\", \"after-screenshot.png\"],\n  \"direction\": \"horizontal\"\n}'\n\nPreview Videos\nApple App Store\nSpec\tValue\nDuration\t15-30 seconds\nOrientation\tPortrait or landscape (match app)\nAudio\tOptional (loops silently in store)\nFormat\tH.264, .mov or .mp4\nGoogle Play\nSpec\tValue\nSource\tYouTube URL\nDuration\t30s-2min recommended\nOrientation\tLandscape preferred\nPreview Video Structure\nSegment\tDuration\tContent\nHook\t0-3s\tShow the core outcome/wow moment\nFeature 1\t3-10s\tDemonstrate top feature in action\nFeature 2\t10-18s\tSecond key feature\nFeature 3\t18-25s\tThird feature or social proof\nCTA\t25-30s\tEnd screen with app icon\n# Generate preview video scenes\ninfsh app run google/veo-3-1-fast --input '{\n  \"prompt\": \"smooth screen recording style, finger tapping on a modern mobile app interface, swiping between screens showing charts and data visualizations, clean UI transitions, professional app demo\"\n}'\n\nLocalization\n\nEach language gets its own set of screenshots. Priorities:\n\nMarket\tLocalization Level\nPrimary markets\tFull: new screenshots + translated captions\nSecondary markets\tTranslated captions, same screenshots\nOther\tEnglish defaults\n\nKey localization markets: English, Japanese, Korean, Chinese (Simplified), German, French, Spanish, Portuguese (Brazilian)\n\nA/B Testing (Google Play)\n\nGoogle Play Console supports store listing experiments:\n\nTest different screenshot orders\nTest with/without device frames\nTest different captions\nTest different color schemes\nRun for 7+ days with 50%+ traffic for significant results\nCommon Mistakes\nMistake\tProblem\tFix\nSettings screen as screenshot\tNobody cares about settings\tShow core value, not infrastructure\nOnboarding flow screenshots\tShows friction, not value\tShow the app in-use state\nToo much text\tUnreadable in store\tMax 2 lines, 30pt+ font\nWrong dimensions\tRejected by store\tUse exact platform specs\nAll screenshots look the same\tNo reason to scroll\tVary composition and content\nFeature-focused captions\tDoesn't communicate benefit\t\"Never Miss a Deadline\" > \"Push Notifications\"\nOutdated UI\tLooks abandoned\tUpdate screenshots with each major release\nNo hero screenshot\tWeak first impression\tPosition 1 = your best shot\nChecklist\n Correct dimensions for target platform\n First 3 screenshots communicate core value\n Captions are benefit-focused, max 2 lines\n No onboarding or settings screens\n Preview video is 15-30s with hook in first 3s\n Localized for top markets\n Feature graphic (1024x500) for Google Play\n Screenshots updated for current app version\n A/B test variant prepared\nRelated Skills\nnpx skills add inference-sh/skills@ai-image-generation\nnpx skills add inference-sh/skills@ai-video-generation\nnpx skills add inference-sh/skills@image-upscaling\nnpx skills add inference-sh/skills@prompt-engineering\n\n\nBrowse all apps: infsh app list"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/okaris/app-store-screenshots",
    "publisherUrl": "https://clawhub.ai/okaris/app-store-screenshots",
    "owner": "okaris",
    "version": "0.1.5",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/app-store-screenshots",
    "downloadUrl": "https://openagent3.xyz/downloads/app-store-screenshots",
    "agentUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent",
    "manifestUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/app-store-screenshots/agent.md"
  }
}