Framegrove: App Store screenshot generator

io.github.tech-bamv1.0.0Updated Oct 6, 2026

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

VerifiedSTDIODesktop onlyDeveloper ToolsMedia & Design

Overview

AI-generated overview

Renders exact-size App Store, Google Play and iPhone Duo screenshots and Apple Creative Assets from curated templates.

What it does
Framegrove turns your own app screenshots and captions into store-ready images. Tools include list_templates and list_outputs for browsing 56 curated templates and exact output dimensions, render_screenshots for producing PNGs per language, build_project for writing an editable .sms.json project file, and inspect_assets for checking exported dimensions and PNG alpha against a preset. It renders only what you supply; it does not capture simulator screenshots or upload to App Store Connect.
When to use it
Use it when preparing App Store, Google Play or iPhone Duo listing images and Apple Creative Assets from existing screenshots, especially when you want repeatable, correctly sized output across several languages or device sizes.
Requirements
Local process run with npx, requiring Node.js 20+. Template fonts download once on first render to a cache folder; FRAMEGROVE_FONTS can point elsewhere and FRAMEGROVE_OFFLINE=1 skips the download. No account or API key is declared.
Before you install
The first render downloads Google Fonts template fonts unless FRAMEGROVE_OFFLINE is set to 1. Output PNGs are written to paths you specify, and Apple outputs are RGB without an alpha channel. Preview Creative Assets in App Store Connect for device-specific cropping.

Installation

In SourceWeft

  1. Open Framegrove: App Store screenshot generator in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Desktop only via STDIO. STDIO servers start a local process, so they need the SourceWeft desktop host.

Other MCP clients

Follow the launch instructions in the repository.

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

Source: mcp/README.md at commit f8d83c0

Tools

0
Tool metadata has not been indexed yet.

Version history

1
  1. v1.0.0LatestOct 6, 2026