Connect AppShotter to Claude
Connect AppShotter to Claude.ai in your browser in seconds. Screenshot generation tools integrate directly into your conversations.
Configuration in three steps.
- 01
Access connector settings
Go to Settings > Connectors > Customize > Add a custom connector.
- 02
Configure the connector
Enter Name: AppShotter and paste the remote MCP server URL:
https://app.appshotter.io/api/v1/mcp
- 03
Authorize your AppShotter account
Authorize the connection with your AppShotter account to sync your tools.
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.Using Prompts
Once the connection is established, Claude can understand your instructions and manipulate your mockups. Try these prompt examples in your chat:
1. Create a complete project
"Create a project called 'Finances Pro' of type 'iphone'. In this project, create 3 screenshots: the first named 'Dashboard' with the title 'Manage your money', the second named 'Statistics', and the third 'Security'."
2. Style a screenshot
"Modify the 'Dashboard' screen of the 'Finances Pro' project: set a blue gradient background from #0052D4 to #4364F7, and show the device frame (showDeviceFrame: true)."
3. Export HD image
"Generate the high-definition render (render-screenshot) for the 'Dashboard' screen and give me the URL of the PNG image."
Frequently asked questions.
Go to the connectors tab of your project on Claude.ai and add the AppShotter MCP server URL to access it.
Custom MCP connector features on the web are generally available for Claude Pro and Claude Team accounts.
You can revoke access at any time from the connectors interface on Claude.ai or from your AppShotter profile.
Have more questions?
If you need help connecting your MCP server, feel free to contact us directly.