Framegrove: App Store screenshot generator

Name: Framegrove: App Store screenshot generator
Author: tech-bam

de tech-bamversión 1.0.0i★ 1 (Estrellas de todo el repositorio)iSe ejecuta en tu computadora

Nombre en el registroio.github.tech-bam/framegrove

Cómo instalar

What it does

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

Connects Se ejecuta en tu computadora
Account or key No key needed
Category Web y navegadores

Instalación

Elige la app de IA que usas y copia la configuración.

Pasó 3/3 revisiones · Funciona en tu computadora · ✓ Comandos revisados el 14 nov 2026

Primero: ¿qué IA usas?

ClaudeWeb · app · móvilChatGPTWebClaude CodeTerminalCursorEditor de códigoVS CodeEditor de códigoOtrasOtras apps

Elige tu app y los pasos aparecen abajo.

Funciona con Claude, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre el archivo de configuración de la app de Claude de escritorio
SettingsDeveloperEdit Config
Hecho

Pega esta configuración y guarda el archivo

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

Hecho

Cierra Claude y vuelve a abrirlo
Hecho
Pruébalo
Usa Framegrove: App Store screenshot generator y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude dice que está usando Framegrove: App Store screenshot generator o muestra una herramienta de Framegrove: App Store screenshot generator en la respuesta, ya está conectado

2 ajuste(s) opcional(es) (funciona sin ellos)

El comando de arriba funciona sin estos valores. Añádelos solo si quieres cambiar algo, según la descripción del autor.

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.

Las descripciones siguen en el inglés original.

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

ChatGPT todavía no puede conectar Framegrove: App Store screenshot generator

Framegrove: App Store screenshot generator se instala en tu computadora, pero ChatGPT solo conecta servidores que funcionan en la web

Lo que puedes hacer en su lugar

A · Usa una app que pueda conectar Framegrove: App Store screenshot generator

Pasos para Claude →Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil
Pasos para Claude Code →Instala Node.js en tu computadora primero (una sola vez)
Pasos para Cursor →Instala Node.js en tu computadora primero (una sola vez)
Pasos para VS Code →Instala Node.js en tu computadora primero (una sola vez)

B · Otros en Web y navegadores que funcionan con ChatGPT

Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave

Firecrawl MCP Server✓ ChatGPT
webclaw✓ ChatGPT
Oxylabs MCP✓ ChatGPT

Funciona con Claude Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre la Terminal
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
Hecho

Pega este comando y pulsa Enter

claude mcp add --scope user framegrove -- npx -y framegrove mcp

Hecho

Escribe /mcp en Claude Code
Deberías ver Framegrove: App Store screenshot generator en la lista como conectado
Hecho
Pruébalo
Usa Framegrove: App Store screenshot generator y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude Code dice que está usando Framegrove: App Store screenshot generator o muestra una herramienta de Framegrove: App Store screenshot generator en la respuesta, ya está conectado

2 ajuste(s) opcional(es) (funciona sin ellos)

El comando de arriba funciona sin estos valores. Añádelos solo si quieres cambiar algo, según la descripción del autor.

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.

Las descripciones siguen en el inglés original.

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con Cursor, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir Cursor
Abrir en Cursor
Cursor te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de Cursor en modo Agent
Hecho
Pruébalo
Usa Framegrove: App Store screenshot generator y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Cursor dice que está usando Framegrove: App Store screenshot generator o muestra una herramienta de Framegrove: App Store screenshot generator en la respuesta, ya está conectado

2 ajuste(s) opcional(es) (funciona sin ellos)

El comando de arriba funciona sin estos valores. Añádelos solo si quieres cambiar algo, según la descripción del autor.

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.

Las descripciones siguen en el inglés original.

Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con VS Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir VS Code
Abrir en VS Code
VS Code te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de VS Code en modo Agent
Hecho
Pruébalo
Usa Framegrove: App Store screenshot generator y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si VS Code dice que está usando Framegrove: App Store screenshot generator o muestra una herramienta de Framegrove: App Store screenshot generator en la respuesta, ya está conectado

2 ajuste(s) opcional(es) (funciona sin ellos)

El comando de arriba funciona sin estos valores. Añádelos solo si quieres cambiar algo, según la descripción del autor.

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.

Las descripciones siguen en el inglés original.

Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps

Ver todas las apps que usan MCP →

La configuración JSON está en “Para desarrolladores”, abajo

¿Te atascaste? Pregunta a quien usa Framegrove: App Store screenshot generator💬 Conversación →

Para desarrolladores: comandos de Terminal y configuración JSON

Instalado en tu computadora

Claude Code

claude mcp add --scope user framegrove -- npx -y framegrove mcp

Claude Desktop (claude_desktop_config.json)

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

Cursor (~/.cursor/mcp.json)

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

VS Code (mcp.json)

{
  "servers": {
    "framegrove": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "framegrove",
        "mcp"
      ]
    }
  }
}

Valores que debes completar

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

Las descripciones siguen en el inglés original.

Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.

De un vistazo

Estrellas de GitHub i: 1 (Estrellas de todo el repositorio)
Este repositorio tiene varias fichas MCP; sus estrellas cuentan una sola vez en las clasificaciones
Descargas por semanai: 49/sem
Licencia i: MIT
Conexión: Se ejecuta en tu computadora
Transporte: stdio
Última versióni: 1.0.0
Categoríai: Web y navegadores
Publicado en el registroi: 6 oct 2026
Último cambio de códigoi: 1 nov 2026
Creador: tech-bam
Paquetes: npm: framegrove
Repo: tech-bam/framegrove
Sitio web: framegrove.bamstudio.dev
Estado en el registro: Activo

Qué apps pueden usarlo

Según cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.

Se ejecutan en tu computadora en

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

Todas las apps, con ventajas y desventajas →

Qué puede hacer

Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.

Revisiones básicasi

Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 14 nov 2026

✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con la cuenta de GitHub tech-bam, dueña del repo
✓ Superada
Sigue en mantenimiento
Último cambio de código: hace 13 días
✓ Superada
Tiene licencia
Usa MIT
– No aplica
El endpoint responde
Este se ejecuta en tu computadora; no hay endpoint en internet
– No aplica
Inicio de sesión con OAuth
Se ejecuta en tu computadora y usa ajustes locales en su lugar
… Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet

Conversación

Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.

Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.

Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.

Inicia sesión con Google para publicar

Reseñas de usuarios

Aún no hay reseñas

Inicia sesión con Google para escribir una reseña

Comparado con otros en Web y navegadoresi

Más estrellas que el 0% de los otros 1510 servidores de esta categoría
Publicado en el registro más recientemente que el 44% de los otros 1510 servidores de esta categoría
Revisiones básicas iguales o mejores que el 100% de los otros 1510 servidores de esta categoría

Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.

Preguntas frecuentes

¿Es seguro Framegrove: App Store screenshot generator?

Superó 3 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.

¿Qué claves o códigos necesita?

El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.

¿Se ejecuta en mi computadora o en la nube?

Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).

¿Sigue en mantenimiento?

El repo de GitHub cambió por última vez hace 13 días, y la última versión (1.0.0) llegó al registro hace 39 días.

¿Qué apps pueden usarlo?

Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.

¿Qué puedo usar en su lugar?

En la misma categoría: Browser Use, Scrapling MCP Server, Chrome DevTools MCP

Otros de la misma categoría

Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.

Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi

Browser Use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

de browser-useMuy usado↓ 1,7 M/sem★ 120,9 milActualizado hace 24 días

Computadora o nube✓ del servicio · browser-use.com

Instalar

Scrapling MCP Server

Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.

de D4VinciMuy usado↓ 396,9 mil/sem★ 102,5 milActualizado hace 9 días

Se ejecuta en tu computadora

Instalar

Chrome DevTools MCP

MCP server for Chrome DevTools

de ChromeDevToolsMuy usado↓ 1,9 M/sem★ 55,4 milActualizado hace 3 días

Se ejecuta en tu computadora

Instalar

README del creador

Abrir el README

Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.

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

claude mcp add framegrove -- npx -y framegrove mcp

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

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

Codex

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

Tool	What it does
`list_templates`	Curated templates with theme, orientation, default sizes and screen count
`list_outputs`	Exact dimensions for App Store, Google Play, iPhone Duo and Creative Assets
`render_screenshots`	Render PNGs from a template, screenshot paths and captions per language
`build_project`	Write an editable `.sms.json` to fine-tune in the web editor
`inspect_assets`	Check 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

npx framegrove templates

npx framegrove outputs npx framegrove render --template studio-paper --shots ./screens --lines captions.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

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:

claude plugin marketplace add tech-bam/framegrove

claude plugin install framegrove@framegrove

Framegrove: App Store screenshot generator

What it does

Instalación

Instala Node.js

Abre el archivo de configuración de la app de Claude de escritorio

Pega esta configuración y guarda el archivo

Cierra Claude y vuelve a abrirlo

Pruébalo

Lo que puedes hacer en su lugar

Instala Node.js

Abre la Terminal

Pega este comando y pulsa Enter

Escribe /mcp en Claude Code

Pruébalo

Instala Node.js

Pulsa este botón para abrir Cursor

Abre el chat de IA de Cursor en modo Agent

Pruébalo

Instala Node.js

Pulsa este botón para abrir VS Code

Abre el chat de IA de VS Code en modo Agent

Pruébalo

Instalado en tu computadora

Valores que debes completar

De un vistazo

Qué apps pueden usarlo

Qué puede hacer

Revisiones básicasi

El creador coincide con el repo

Sigue en mantenimiento

Tiene licencia

El endpoint responde

Inicio de sesión con OAuth

Sin instrucciones ocultas en las descripciones de herramientas

Conversación

Reseñas de usuarios

Comparado con otros en Web y navegadoresi

Preguntas frecuentes

Otros de la misma categoría

Browser Use

Scrapling MCP Server

Chrome DevTools MCP

README del creador

Framegrove

MCP server

Tools

CLI

Notes

Agent skill and Claude Code plugin