Connect AppShotter to ChatGPT

Create a custom GPT Action to connect AppShotter to ChatGPT. Generate professional-level screenshot mockups directly in the chat interface.

Installation

Configuration in three steps.

01
Access action settings
Go to Settings > Applications > Create an app.
02
Configure the app
Enter Name: AppShotter and paste the server URL:
```
https://app.appshotter.io/api/v1/mcp
```
03
Authorize your AppShotter account
Complete the connection and authorize your AppShotter account to 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.

API Key Authentication (Alternative)

If you prefer not to configure the full OAuth 2.0 protocol for personal use, you can select **API Key** as the authentication type:

1.Select **API Key** in the action configuration.

2.Choose the **Bearer** format.

3.Enter your AppShotter API key (e.g., as_key_xxxx).

ChatGPT Prompt Examples

Here is how you can interact with your custom GPT:

Example 1: App Description-based Creation

"Let's create an App Store screenshot carousel for a meditation app called 'CalmSpace'. Use iPhone devices, a background with a zen gradient of beige/sand tones, and add 4 screens with inspiring titles."

Example 2: Design Adjustments

"On the first screen of 'CalmSpace', add the subtitle 'Voted app of the year' at the top, centered, with a font size of 36px."

Example 3: Rendering and Validation

"Render all the screens of the project and give me the links to the PNG images."

FAQ & Support

Frequently asked questions.

Go to your Settings > Applications, create a new app and specify our remote MCP URL. This lets ChatGPT access AppShotter tools natively.

Yes, you can configure the Action by selecting 'API Key' with 'Bearer' format and pasting your personal AppShotter API key (e.g., as_key_xxxx).

You can disconnect the account or revoke the API key directly in your profile settings on AppShotter.

Have more questions?

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

hello@appshotter.io