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):

{
  "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

Binary File Support

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.

Monorepo Support

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

Automatic Patching

The server automatically patches configuration files for CodeSandbox compatibility:

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

Large Project Support

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.

Installation

Copy the command files to your Claude Code commands directory:

# 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:

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

Available Commands

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

Troubleshooting

Server Startup Timeout

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.

Missing Images or Assets

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)

Authentication Issues

If you're getting authentication errors:

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

License

MIT