Code Tweet

App SS

把 App Store 截圖,
當作「廣告」,與 AI 一起做。

只要交出 GitHub README,AI 就會為 App Store 上架截圖提出標題文案、排版與配色方案。剩下的只是放入自己的應用畫面並匯出。全部在瀏覽器內完成。


為什麼截圖很重要

App Store 的截圖,
不只是應用畫面的照片,而是「廣告」

上傳到 App Store Connect 的截圖不只是應用畫面的照片,而是你最重要的行銷素材——訪客用幾秒鐘判斷「要不要下載」的依據。

因此,與其羅列功能,不如用打動人的文案和出色的設計,傳達使用者能獲得的價值。App SS 就是與 AI 一起打造這份「廣告」的工具。即使是個人開發者,也能在短時間內做出媲美榜單前段應用的截圖。


使用方法

  1. 1

    貼上 GitHub 儲存庫 URL

    輸入 https://github.com/owner/repo,或登入後選擇儲存庫。工具會自動取得 README。

  2. 2

    選擇氛圍與主題(選填)

    用「附加提示詞」指定文風(柔和/高級等),用主題指定配色。兩者選擇「交給 AI」時,會根據應用內容自動挑選。

  3. 3

    產生 → 放入圖片 → 匯出

    AI 一次性產生標題文案與排版。在編輯器中放入自己的應用截圖,即可一次匯出 App Store 所需的全部尺寸(6.9–6.1 吋)PNG。


輸出範例

以虛構應用為例製作的樣張。標題文案、強調詞、配色、背景與裝置外框都可直接以此狀態匯出,你只需替換成自己的應用畫面。

App SS 輸出範例:主視覺排版App SS 輸出範例:功能介紹排版App SS 輸出範例:成長進度排版

特點

  • 由 AI 根據 README 產生標題文案

    AI 不會羅列功能,而是圍繞使用者能獲得的改變(效益)來寫標題,遵循 App Store 前段應用的做法。請注意:目前產生的文案為日文。

  • AI 自動產生配色與背景

    既可從 11 種預設主題中選擇,也可讓 AI 每次根據應用氣質新產生專屬配色方案。同時會推薦 5 種背景裝飾之一,當然也可手動更改。

  • 自動高亮標題中的「強調詞」

    AI 會挑出每則標題中最打動人的詞,並用強調色突顯。專業商店廣告不可或缺的「單詞強調」,自動完成。

  • 圖片僅保存在本機(不上傳伺服器)

    匯入的截圖僅保存在瀏覽器內(IndexedDB),因此未發布應用的截圖也能放心處理。

  • 以日文字體呈現美觀排版

    提供黑體、圓體、明朝體等 9 種日文字體,並將字體嵌入匯出圖片,讓日文呈現應有的質感。

  • 一次匯出 App Store 全部尺寸

    一次匯出 6.9 / 6.5 / 6.3 / 6.1 吋的 PNG,可直接上傳到 App Store Connect。


參考來源與致謝

App SS 的編輯器設計與匯出機制,參考了以 MIT 授權發布的 ParthJadhav/app-store-screenshots 專案,並針對日文與 AI 文案產生重新構建。感謝這個出色的原始專案。

日文字體包括 Noto Sans JP / Zen Maru Gothic / Noto Serif JP 等 (SIL Open Font License)。


使用額度

AI 文案產生與 Code Tweet / note Draft 共用使用額度。使用 GitHub 登入後每月可免費使用 3 次,不夠時可購買點數包補充(10 次 ¥100 起)。在編輯器中編輯與匯出本身免費且無限制,只有去除浮水印的匯出會消耗 1 次。

查看方案詳情 →