English Français العربية

Framegrove: App Store screenshot generator

Registre officiel Autres

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

Code source Site web Documentation

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

NPM package framegrove
Claude Code 
claude mcp add framegrove-app-store-screenshot-generato -e 'FRAMEGROVE_FONTS=<FRAMEGROVE_FONTS>' -e 'FRAMEGROVE_OFFLINE=<FRAMEGROVE_OFFLINE>' -- npx -y framegrove@1.0.0 mcp
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "framegrove-app-store-screenshot-generato": {
            "command": "npx",
            "args": [
                "-y",
                "framegrove@1.0.0",
                "mcp"
            ],
            "env": {
                "FRAMEGROVE_FONTS": "<FRAMEGROVE_FONTS>",
                "FRAMEGROVE_OFFLINE": "<FRAMEGROVE_OFFLINE>"
            }
        }
    }
}

Variables d'environnement

  • FRAMEGROVE_FONTS Optional folder for the template font cache (default ~/.cache/framegrove/fonts).
  • FRAMEGROVE_OFFLINE Set to 1 to skip the one-time font download.

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. Framegrove
  2. Use it from your agent (MCP)
  3. CLI
  4. Repository layout
  5. Development
  6. Support

Framegrove

App Store, Google Play and iPhone Duo screenshot generator. A free, local-first web editor plus an MCP server and CLI that let your coding agent render store screenshots and Apple Creative Assets from your real app screenshots.

Live editor: https://framegrove.bamstudio.dev

  • 56 curated templates and 172 editable compositions: phone, tablet, iPhone Duo and Apple Creative Assets (Header, Search, Universal).
  • Exact-size exports; Apple PNGs are RGB with no alpha channel.
  • Captions in 34 languages; the website in eight.
  • One engine for the web editor, MCP server and CLI. Projects stay on your machine.
  • Free, MIT licensed, no signup or watermark.

Use it from your agent (MCP)

Requires Node.js 20+.

claude mcp add framegrove -- npx -y framegrove mcp

Other clients (Claude Desktop, Cursor, Windsurf, VS Code):

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

Codex: codex mcp add framegrove -- npx -y framegrove mcp

Then ask: "Take six screenshots of my app in the simulator and make App Store screenshots in English and German with Framegrove."

ToolWhat it does
list_templatesTemplates 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
Claude Code plugin

Installs the MCP server together with the Framegrove agent skill, which guides truthful captions, matching display slots and visual review:

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

The skill alone lives in skills/framegrove/.

CLI

npx framegrove templates
npx framegrove outputs
npx framegrove render --template studio-paper --name "My App" --shots ./screens --lines en.txt --captions-de de.txt --out ./store
npx framegrove render --template creative-paper-header --shots ./screens --out ./header
npx framegrove inspect ./store/*.png --output iphone-6.9
npx framegrove project --template duo-paper-inner --shots ./inner --out ./editable.sms.json
npx framegrove --help

Caption files have one line per screen: Headline [highlight] | Subtitle. Template fonts (Google Fonts, OFL) download once on the first render to ~/.cache/framegrove/fonts; set FRAMEGROVE_FONTS to change the folder or FRAMEGROVE_OFFLINE=1 to skip it.

Framegrove does not capture simulator screenshots or upload to App Store Connect. Preview Creative Assets in App Store Connect for device-specific cropping. Apple says iPhone Duo uploads open later in 2026; check availability before submitting.

Repository layout

PathContents
engine/Canvas rendering engine and templates, shared by every surface
app/Web editor
mcp/npm package framegrove: MCP server, CLI and Node renderer
skills/framegrove/Agent skill
.claude-plugin/Claude Code plugin and marketplace manifests
server.jsonMCP Registry entry io.github.tech-bam/framegrove
locales/Website and editor translations
scripts/Site build and verification

Development

cd mcp && npm ci && cd ..
npm test                   # renders every template, checks MCP tools and exports
python3 scripts/build.py   # builds the site into public/
python3 -m http.server 8766 --bind 127.0.0.1 --directory public

See CONTRIBUTING.md. Releases: bump the version in mcp/package.json, server.json and .claude-plugin/plugin.json, update CHANGELOG.md, then publish a GitHub release; the publish workflow releases to npm and the MCP Registry.

The live site is deployed by the maintainers to Cloudflare Workers (npx wrangler deploy, config not in the repository). The legacy product route redirects to Framegrove; the old editor stays on its original origin so local projects can still be exported and imported here.

Support

Framegrove is free. If it saves you time: https://buymeacoffee.com/bamstudio

Machine-readable docs: https://framegrove.bamstudio.dev/llms.txt

Questions fréquentes

Qu'est-ce que Framegrove: App Store screenshot generator ?

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

Comment installer Framegrove: App Store screenshot generator ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add framegrove-app-store-screenshot-generato -e 'FRAMEGROVE_FONTS=<FRAMEGROVE_FONTS>' -e 'FRAMEGROVE_OFFLINE=<FRAMEGROVE_OFFLINE>' -- npx -y framegrove@1.0.0 mcp. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour Framegrove: App Store screenshot generator ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

Framegrove: App Store screenshot generator est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient Framegrove: App Store screenshot generator ?

Il est publié par tech-bam. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.