Framegrove: App Store screenshot generator

io.github.tech-bamv1.0.0更新於 Oct 6, 2026

Render App Store, Google Play and iPhone Duo screenshots and Apple Creative Assets from templates.

已驗證STDIO僅桌面Developer ToolsMedia & Design

概覽

AI 產生的概覽

依精選範本渲染精確尺寸的 App Store、Google Play 與 iPhone Duo 截圖，以及 Apple Creative Assets。

功能
Framegrove 會把你自己的 App 截圖與文案轉成可直接上架的商店圖片。工具包含：list_templates 與 list_outputs 用來瀏覽 56 個精選範本與精確輸出尺寸，render_screenshots 依語言產生 PNG，build_project 寫出可在網頁編輯器微調的可編輯 .sms.json 專案檔，inspect_assets 依輸出預設檢查匯出尺寸與 PNG 透明度。它只渲染你提供的素材，不會擷取模擬器畫面，也不會上傳到 App Store Connect。
適用情境
適合在已有截圖的情況下製作 App Store、Google Play 或 iPhone Duo 商店圖片與 Apple Creative Assets，尤其是需要跨多種語言或裝置尺寸批次輸出正確尺寸圖片的情境。
執行需求
以 npx 執行的本機程序，需要 Node.js 20+。範本字型會在首次渲染時下載到快取資料夾；可用 FRAMEGROVE_FONTS 指定其他資料夾，或以 FRAMEGROVE_OFFLINE=1 略過下載。未宣告需要帳號或 API 金鑰。
安裝前請注意
除非將 FRAMEGROVE_OFFLINE 設為 1，首次渲染會下載 Google Fonts 範本字型。輸出的 PNG 會寫入你指定的路徑，Apple 輸出為不含 alpha 通道的 RGB。Creative Assets 建議在 App Store Connect 中預覽，以確認裝置裁切效果。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Framegrove: App Store screenshot generator，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

Framegrove

App Store, Google Play and iPhone Duo screenshot generator as an MCP server and CLI. Give it real app screenshots and captions; it renders exact-size store screenshots and Apple Creative Assets (Header, Search, Universal) from 56 curated templates. Free, MIT, runs locally.

Web editor: https://framegrove.bamstudio.dev · Source: https://github.com/tech-bam/framegrove

MCP server

Requires Node.js 20+.

Claude Code

sh
claude mcp add framegrove -- npx -y framegrove mcp

Claude Desktop, Cursor, Windsurf, VS Code and other clients

json
{  "mcpServers": {    "framegrove": { "command": "npx", "args": ["-y", "framegrove", "mcp"] }  }}

Codex

sh
codex mcp add framegrove -- npx -y framegrove mcp

Template fonts (Google Fonts, OFL) download once on the first render to ~/.cache/framegrove/fonts. Set FRAMEGROVE_FONTS to use another folder, or FRAMEGROVE_OFFLINE=1 to skip the download.

Tools

ToolWhat it does
list_templatesCurated templates with theme, orientation, default sizes and screen count
list_outputsExact dimensions for App Store, Google Play, iPhone Duo and Creative Assets
render_screenshotsRender PNGs from a template, screenshot paths and captions per language
build_projectWrite an editable .sms.json to fine-tune in the web editor
inspect_assetsCheck exported dimensions and PNG alpha against an output preset

Example prompt: "Use Framegrove to make App Store screenshots for my app from ./screens, English and German, studio-midnight template."

CLI

sh
npx framegrove templatesnpx framegrove outputsnpx framegrove render --template studio-paper --shots ./screens --lines captions.txt --out ./storenpx framegrove render --template creative-paper-header --shots ./screens --out ./headernpx framegrove inspect ./store/*.png --output iphone-6.9npx framegrove project --template duo-paper-inner --shots ./inner --out ./editable.sms.jsonnpx framegrove --help

Captions file: one line per screen, Headline [highlight] | Subtitle. Add languages with --captions-de de.txt. Pick sizes with --sizes iphone-6.9,ipad-13,android-phone or WxH.

Notes

  • Apple PNG outputs are written as RGB without an alpha channel, at exact dimensions.
  • Framegrove does not capture simulator screenshots or upload to App Store Connect; it renders what you give it.
  • Preview Creative Assets in App Store Connect for device-specific cropping.

Agent skill and Claude Code plugin

The repository ships an agent skill and a Claude Code plugin that bundles the skill with this MCP server:

sh
claude plugin marketplace add tech-bam/framegroveclaude plugin install framegrove@framegrove

MIT © Framegrove contributors

來源：mcp/README.md，提交 f8d83c0

工具

0
工具後設資料尚未被收錄。

版本歷史

1
  1. v1.0.0最新Oct 6, 2026