Connecting ChatGPT

tl;dr Give ChatGPT access to Popmelt via /connect or by adding a custom app. Authorize via OAuth, and start chatting.

Before you begin

Make sure you have..

1. ChatGPT desktop app or web - Download from openai.com/chatgpt/desktop or use chatgpt.com
2. ChatGPT Pro, Plus, Team, Business, Enterprise, or Education subscription
3. A Popmelt account - Create yours at popmelt.com

👔 If you're on a Team or Enterprise plan, your workspace admin may need to enable Developer Mode first in Workspace Settings → Permissions & Roles.

Step 1: Enable Developer Mode

Instant

Visit popmelt.com/app/connect, find ChatGPT in the list, and click to open ChatGPT's app settings directly.

Manual

1. Open ChatGPT (desktop app or web)
2. Go to Settings → Apps → Advanced settings
3. Toggle Developer Mode to ON

Step 2: Add Popmelt App

1. Navigate to Settings → Apps
2. Click Create
3. Enter a name: Popmelt
4. Enter the server URL: https://mcp.popmelt.com
5. For authentication, select OAuth

Step 3: Authorize Popmelt

1. ChatGPT will prompt you to authorize
2. Sign in to Popmelt if needed
3. Click "Grant" to authorize ChatGPT's access
4. Return to ChatGPT - you're connected!

🔒 Popmelt never reads or stores your chats. ChatGPT will ask for permission before using Popmelt tools.

Step 4: Start Chatting

Start a new chat and ask: Connect to Popmelt and show my taste models

ChatGPT should list your available taste models.

Using Popmelt in ChatGPT

• Set your taste model: Use the Melt taste model for this conversation
• Generate components: Create a pricing section with 3 tiers using my taste model
• Sample and create: Use Popmelt to sample https://linear.app and create a model called "Linearize"
• Build complete pages:

- Hero section with headline and CTA
- 3 feature cards
- Pricing table
- Footer

Tips & Tricks

• Set your taste model once at conversation start: I'm using Popmelt with the Melt taste model. Let's build a marketing site.
• Ask ChatGPT to render and preview components: Create a button component and show me what it looks like
• Export code for your framework: Export this as a React component with TypeScript
• Iterate through conversation: Make the hero section taller and add a gradient background

Troubleshooting

ChatGPT isn't using Popmelt

Solutions:

• Explicitly mention Popmelt: "Use Popmelt to..."
• Check that the app shows as connected in settings
• Start a new conversation

Can't find Developer Mode or Apps settings

Solutions:

• Ensure you have a ChatGPT Pro, Plus, or Team subscription
• Update to the latest ChatGPT desktop app version
• For Team/Enterprise, ask your workspace admin to enable Developer Mode

OAuth flow doesn't complete

Solutions:

• Ensure you're logged into Popmelt
• Try removing and re-adding the connection
• Clear ChatGPT app cache and try again

Common Questions

Is this available on mobile?

Custom MCP apps work on desktop and web. Mobile support may come later.

Which ChatGPT plans support this?

Pro, Plus, Team, Business, Enterprise, and Education plans all support Developer Mode and custom apps.

Can I use voice mode with Popmelt?

Yes. ChatGPT voice mode can invoke MCP tools. Say "use my Popmelt taste model" and describe what you want to build.

How do I disconnect Popmelt?

Go to Settings → Apps, find Popmelt, and remove it.

What next?

• Build Landing Pages - See how to design web pages with Popmelt
• Create taste models - See how to make your own custom taste models
• Sampling websites - See how to capture existing website styles