Back to docs
AppShotter Logo
AppShotter Docs

Connect AppShotter to Grok

Leverage xAI Grok's advanced reasoning capabilities to generate and edit your App Store & Play Store screenshots in natural language.

Installation

Configuration in three steps.

  1. 01

    Access connector settings

    Go to Skills and Connectors > Connectors > New connector > Custom.

  2. 02

    Configure the connector

    Enter Name: AppShotter and paste the MCP server URL:

    https://app.appshotter.io/api/v1/mcp
  3. 03

    Authorize your AppShotter account

    Authorize the connection with your AppShotter account to sync and activate your tools.

Tools & Permissions

What you authorize.

Authentication grants access to the MCP API tools to create and modify mockups. You can revoke this access key from your profile settings at any time.

list-projectsList all screenshot projects in your workspace.
create-projectCreate a new project (iPhone, iPad, Android, etc.).
get-projectRetrieve project details and screenshots.
create-screenshotAdd a new screen with titles and styles.
update-screenshot-layoutAdjust global layout, background colors, and phone mockup.
render-screenshotGenerate and upload the final high-definition PNG screenshot.

Intelligent Interactions with Grok

Grok's strength lies in its advanced reasoning capabilities. You can use it to design, copywrite, and layout your App Store & Play Store screenshots in natural language.

Example: Slogan and Palette Generation

"Create a new AppShotter project for my recipe app. Connect it to a template, choose a color scheme that feels like fresh cooking, write punchy screenshots titles, and render the final result."

Example: Live Edits

"On my project 'Zen Presentation', modify the background color of all screens to a gradient matching wellness, and update the tagline to 'Peace in every breath'."

FAQ & Support

Frequently asked questions.

Go to Skills and Connectors in your Grok account, add a new custom connector, and paste our MCP server URL.

Yes, AppShotter uses the secure MCP protocol. Only the actions explicitly requested to generate or modify your screenshots are executed.

You can disable the connector or revoke access at any time from your Grok settings or your AppShotter customer dashboard.

Have more questions?

If you need help connecting your MCP server, feel free to contact us directly.

hello@appshotter.io