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 把你自己的应用截图和文案转换成可直接上架的商店图片。工具包括：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