ParthJadhav/app-store-screenshots

解決的問題

它自動化產生適用於 Apple App Store 與 Google Play Store 的專業、商店就緒行銷截圖。它提供了一個專用的編輯器來處理裝置邊框、精確的商店解析度和多平台匯出，而無需在圖形設計工具中手動設計每張投影片。

運作方式

本專案是 AI 程式設計代理（如 Claude Code 或 Cursor）的一項「技能」。被呼叫時，代理會搭建一個完整的 Next.js 應用程式，作為專用的截圖編輯器。此編輯器具有一個連續畫布，使用者可以在螢幕邊界間拖曳元素；一個用於編輯文案與版面配置的檢查器；以及一個將專案狀態儲存至 JSON 檔案以進行版本控制的系統。設計完成後，該工具會將縮放至 Apple 和 Google 所需精確解析度的 PNG 打包成 ZIP 匯出。

適用對象

需要在多種裝置和語言環境中產生高品質行銷素材，而不希望為每個商店要求手動調整影像尺寸的應用程式開發人員與設計師。

亮點

• 連續畫布：設計連續的截圖長條，元素可跨越多張投影片。
• 多平台支援：為 iPhone、iPad、Android 手機、Android 平板電腦與 Play Store 精選圖片產生素材。
• 商店就緒匯出：一鍵匯出符合 App Store 與 Google Play 精確解析度要求的 PNG 壓縮包。
• 代理驅動設定：設計為透過 AI 程式設計代理使用 skills 框架進行安裝與設定。
• 在地化支援：內建針對不同語言環境的處理機制，並支援 RTL（由右至左）版面配置。