app-store-screenshots

概覽

技能能做什麼

app-store-screenshots 技能會引導 AI agent 使用 infsh（inference.sh）CLI，設計並產出 Apple App Store 與 Google Play Store 的螢幕截圖與預覽場景。

它專注於：

• 建立可直接用於行銷的 iOS 和 Android 裝置 mockup
• 遵守官方平台規範的尺寸與裝置類型
• 產出適合 ASO 與商店頁面更新的整體圖庫
• 準備之後可在設計工具中再微調或排版的視覺素材

不用再自己對照一堆規格和苦想 prompt，你可以讓技能驅動 agent：提出合適 prompt、呼叫 infsh 模型，並針對你的商店頁面螢幕截圖不斷迭代影像輸出。

適合對象

這項技能特別適合：

• 行動 App 開發者：需要快速產出符合規格的螢幕截圖，又沒有完整設計團隊時
• 行銷或 ASO 專家：為新版本上架或測試準備商店素材時
• 設計師：想要 AI 先產出裝置 mockup 與 hero 場景，作為視覺起點
• 創業者或獨立開發者：希望用最少的手動設計工作，讓商店頁面更精緻

前提是你對基本 CLI 指令操作沒問題，並且習慣在自己的設計或建置流程中管理影像資產。

能幫你解決的問題

透過 app-store-screenshots，agent 可以協助你：

• 避免在 iOS 與 Android 螢幕截圖尺寸 上自己瞎猜
• 快速打造能凸顯 App 重要功能的 裝置 mockup 場景
• 建立符合 App Store 與 Google Play 要求的 一致性圖庫
• 生成 預覽風格的視覺素材，日後可以剪進影片或做成動畫序列

它不會幫你將素材上傳到各大商店，也不會取代官方上架流程。重點在於 影像生成與版面引導，而非商店自動化作業。

什麼情況下不太適合

以下情況可能不太適合使用這項技能：

• 你不想安裝或操作任何 CLI 工具
• 你已經有完整、可直接上線的螢幕截圖，只需要非常輕微的圖像調整
• 你需要自動化 上架、metadata 管理或價格設定 等功能（這不在技能範圍內）

如果你的主要工作是為 App 商店頁面做有創意、符合品牌的 影像生成與尺寸調整，app-store-screenshots 會非常符合需求。

---

使用方式

1. 安裝與設定

若要在支援 skills 的 agent 環境中使用 app-store-screenshots，請從 inferen-sh/skills repository 新增這個 skill：

npx skills add https://github.com/inferen-sh/skills --skill app-store-screenshots

完成後，agent 就能使用此技能的引導與 prompt，進而：

• 參考 App Store 與 Google Play 的螢幕截圖規格
• 建議 infsh 影像生成所需的 prompt 與參數
• 提出圖庫結構與排序建議

技能本身是 metadata 與操作指南；實際影像生成是依賴 inference.sh CLI。

安裝 inference.sh CLI

上游指南要求安裝 infsh CLI。請依 repository 的官方說明安裝：

• CLI 安裝說明：https://raw.githubusercontent.com/inference-sh/skills/refs/heads/main/cli-install.md

安裝完成後，先登入：

infsh login

在請 agent 產出螢幕截圖之前，請先確認 infsh 已可在你的 shell 中正常運作。

2. 使用 infsh 的核心流程

產生裝置 mockup 場景

使用 infsh 支援的影像模型來建立基礎 mockup，例如顯示你 App 介面的現代 iPhone 畫面：

infsh app run falai/flux-dev-lora --input '{
  "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",
  "width": 1024,
  "height": 1536
}'

app-store-screenshots 技能會協助 agent：

• 針對你的 App 類別與品牌調整與優化 prompt
• 提出 構圖細節（角度、光線、背景風格）
• 反覆迭代，直到場景符合你想要傳達的行銷故事

接著，你可以將這些圖匯出到 Figma、Sketch、Photoshop 或你的 build script 之中進一步調整。

3. 配合平台規格作業

這項技能內建了 App Store 與 Google Play 的主要螢幕截圖規範，並會引導 agent 儘量遵守。

Apple App Store（iOS）

指南中包含常見裝置的尺寸，例如：

• iPhone 6.7" (15 Pro Max) – 1290 × 2796（必填尺寸）
• iPhone 6.5" (11 Pro Max) – 1284 × 2778（必填尺寸）
• iPhone 5.5" (8 Plus) – 1242 × 2208（選填尺寸）
• iPad Pro 12.9" (6th gen) – 2048 × 2732（若 App 支援 iPad）
• iPad Pro 11" – 1668 × 2388（若 App 支援 iPad）

技能可以引導 agent：

• 規劃每種必填尺寸要產出幾張螢幕截圖
• 在不同尺寸間維持構圖的一致性
• 建議在 App Store 縮放後仍清晰可讀的文案覆蓋方式

你仍需自行透過 App Store Connect 完成最終匯出與上傳。

Google Play Store（Android）

上游指南同樣涵蓋 Android / Google Play 的需求。依此，agent 可以：

• 建議符合 Play Console 規範的尺寸
• 協助將 iOS 的視覺概念轉換成適合 Android 的版面
• 在不同平台之間維持品牌一致性

當你希望同一個 行銷主題概念 同時在 iOS 與 Android 上落地，而不想逐張重想構圖時，會特別實用。

4. 串接進你的行銷與建置流程

針對行銷與 ASO 團隊

• 在 功能上線規劃 期間，利用此技能快速試做新的圖庫概念
• 請 agent 產出適合在商店做 A/B 測試 的多種版本
• 調整 prompt，打造符合 節慶檔期（例如聖誕節、開學季）主題的成套視覺

針對開發者與 CI/CD 流程

如果你的環境允許在自動化流程中呼叫 CLI，你可以：

• 寫 script 自動執行 infsh，在發版前產生或更新螢幕截圖
• 將產出的圖像存放在 repo 或資產管線中
• 讓 agent 提出 prompt 範本，並將其 commit 以便重複使用

技能本身不會替你定義 CI script，但它的操作指引與 prompt 可以很容易融入你既有的工作流程。

5. 建議優先閱讀的檔案與參考資料

在 inferen-sh/skills repo 中，建議聚焦：

• guides/design/app-store-screenshots/SKILL.md – 核心說明、限制條件與快速上手指南
• 任何位於 guides/design/ 底下、與影像生成及商店就緒素材相關的設計指南

閱讀這些內容，可以幫助你了解在產出 app store 視覺時，技能期望 agent 採取的行為與原則。

---

常見問題（FAQ）

app-store-screenshots 是設計工具，還是只是操作說明？

app-store-screenshots 是一個 skill 定義與操作指南，而不是獨立的設計軟體。它的目標是教會 AI agent：

• 遵守各大 app store 的圖片規格
• 正確使用 infsh 模型
• 以行銷目標為導向規劃 prompt 與圖庫結構

實際影像是由 inference.sh CLI 與底層模型 負責生成，而不是由技能本身產出。

一定要有 inference.sh CLI 才能用這個技能嗎？

需要。上游指南明確要求安裝 infsh CLI。app-store-screenshots 技能預設 agent 能執行 infsh 指令來：

• 完成身分驗證（infsh login）
• 執行模型（例如 infsh app run falai/flux-dev-lora）

若沒有 CLI，agent 仍可以跟你討論規格或策略，但無法直接幫你生成影像。

這個技能可以幫我把螢幕截圖上傳到 App Store 或 Google Play 嗎？

不行。app-store-screenshots 的範圍只在 影像生成與版面引導。你仍需自行：

• 匯出或下載生成的影像
• 準備所有必要的 metadata
• 透過 App Store Connect 或 Google Play Console 上傳螢幕截圖與預覽素材

app-store-screenshots 能保證 App 一定通過審核嗎？

不能。它能幫你對齊 建議的尺寸與視覺實務，但：

• 各平台的審核規範可能隨時更新
• 審核結果也取決於內容、合規與其他多項因素

提交前請務必再次確認 Apple 與 Google 的最新官方文件。

我可以在圖片中使用自己的 App 介面嗎？

可以。指南中的範例 prompt 使用的是通用的分析儀表板介面，你完全可以：

• 在描述中盡量貼近你的實際 UI
• 在設計工具中，將 AI 生成的背景或裝置 mockup 與真實 App 截圖合成

此技能鼓勵你把 AI 生成內容當作 行銷等級 mockup 或基底素材，而不是拿來取代展示實際產品畫面。

這個技能也適合做社群素材嗎？

雖然這個技能是為 app store 螢幕截圖 而設計，但相同的 prompt 與 mockup 場景，通常也很適合延伸到：

• 宣布新版本上線的社群貼文
• 以 App 介面為主角的付費廣告素材
• 網站 landing page 上的 hero 圖

如果你主要需求是一般社群視覺創作，可能會希望搭配一個範圍更廣的影像生成技能，與 app-store-screenshots 一起使用。

如果我只需要簡單調整尺寸或裁切呢？

如果你的螢幕截圖都已經設計完成，只是需要基本的 尺寸調整、裁切或格式轉換，那 app-store-screenshots 可能有點超出需求。這個技能的強項在於：

• 全新、由 AI 協助的 mockup 產出
• 概念發展與圖庫規劃
• 針對 App 商店行銷視覺做快速迭代

若只是單純改尺寸，一般影像編輯工具或自動化 script 會來得更直接簡單。