mcp-inflight

MCP server for sharing local prototypes via InFlight.

What it does

Share your local projects as live prototypes that stakeholders can interact with and provide feedback on - directly from Claude Code.

Setup

Add to your Claude Code config (~/.claude.json):

``json
{
"mcpServers": {
"inflight": {
"command": "npx",
"args": ["-y", "mcp-inflight"]
}
}
}
`

Then restart Claude Code.

Usage

Ask Claude to share your project:

`
User: Share this project on InFlight

Claude: I'll share your project to InFlight...
Your prototype is live at: https://www.inflight.co/v/xyz789
`

Tools

The MCP server provides these tools:

| Tool | Description |
|------|-------------|
| share | Share a local project as a live prototype |
| prototype_list | List your deployed prototypes |
| prototype_sync | Sync changes to an existing prototype |
| prototype_delete | Delete a prototype |
| login | Login to InFlight (opens browser) |
| logout | Logout from InFlight |

Supported Projects

- Next.js (App Router and Pages Router)
- Vite (React, Vue, Svelte, etc.)
- Create React App
- Node.js
- Static HTML

Features

$3

The MCP server automatically handles binary files including:

- Images: PNG, JPG, JPEG, GIF, WebP, ICO, SVG, BMP, TIFF, AVIF
- Fonts: WOFF, WOFF2, TTF, EOT, OTF
- Media: MP3, MP4, WebM, OGG, WAV
- Other: PDF, ZIP

Binary files are base64 encoded during upload and properly decoded in the sandbox, ensuring your /public folder assets work correctly.

$3

Automatically detects and bundles workspace dependencies for monorepo projects using pnpm, npm, or yarn workspaces.

$3

The server automatically patches configuration files for CodeSandbox compatibility:

- Vite: Adds allowedHosts for CodeSandbox domains
- Next.js: Configures CSP headers to allow iframe embedding

$3

Projects over 3MB are automatically chunked into smaller uploads to handle Vercel's serverless function body size limits.

Slash Commands (Recommended)

For the best experience, install the included slash commands. The /share command enables automated AI feedback guide generation - Claude analyzes your git changes and generates product-focused review questions that appear on your InFlight version.

$3

Copy the command files to your Claude Code commands directory:

`bash


Create the commands directory if it doesn't exist

mkdir -p ~/.claude/commands

Copy the commands (run from the mcp-inflight package directory, or adjust the path)

cp node_modules/mcp-inflight/commands/*.md ~/.claude/commands/
`

Or if you cloned the repo:

`bash
cp packages/mcp-inflight/commands/*.md ~/.claude/commands/
`

$3

| Command | Description |
|---------|-------------|
| /share | Share a project to InFlight with AI-generated feedback guide |
| /inflight | Menu for managing prototypes: list, sync, delete, login, logout |

Troubleshooting

$3

If you see "Timeout: Waiting for server to start took longer than 120s", this usually means:

1. The project is large and takes a while to start
2. There's an error in the dev server startup

The deployment logs will show the exact command being used. Try running it locally to verify it works.

$3

If images from your /public folder aren't loading, ensure:

1. The file extension is in the supported binary file list
2. The file path is correct (paths are relative to project root)

$3

If you're getting authentication errors:

1. Run the login` tool to re-authenticate
2. Check that your InFlight account is active

License

MIT