npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@zlatkomarjanovicorg2000/preflight-mcp-server

v1.1.0

Published

MCP server for Framer Preflight — connect Claude to audits and auto-fix your project

Readme

Preflight MCP Server

Exposes Framer Preflight audits and fix tools to Claude Desktop via stdio.

No Anthropic API key in the Framer plugin — users authenticate through Claude.

Why npm?

This package is distributed on npm so every user runs the same MCP server locally:

npx -y @zlatkomarjanovicorg2000/preflight-mcp-server@latest

Claude Desktop loads it from claude_desktop_config.json (stdio). No public URL is required.

User setup (production)

  1. Open the Preflight plugin in Framer → Connect Claude (copies config).
  2. Claude Desktop → Settings → Developer → Edit Config — paste and restart Claude.
  3. Keep Preflight open in Framer (bridge on ws://127.0.0.1:3847).
{
  "mcpServers": {
    "preflight": {
      "command": "npx",
      "args": ["-y", "@zlatkomarjanovicorg2000/preflight-mcp-server@latest"]
    }
  }
}

Requires Node.js 18+.

Not the “Add custom connector” URL form

Claude’s Settings → Connectors → Add custom connector expects a public https:// MCP endpoint (Anthropic’s servers call it). Preflight must talk to Framer on the user’s machine, so the production path is Developer → Edit Config above — same model as most local MCP servers.

Optional --http mode (http://127.0.0.1:3848/mcp) is for development only.

Deploy cloud relay (Name + URL connector)

Runs public MCP + WebSocket bridge so users only paste Name and URL in Claude.

npm run build
node dist/index.js --relay   # local test on :8080

Deploy to Render (recommended):

  1. Push mcp-server/ to GitHub (or connect repo in Render).
  2. New → Web Service → Docker, root mcp-server, uses render.yaml.
  3. After deploy, copy URL e.g. https://preflight-mcp-relay.onrender.com
  4. Build Framer plugin with VITE_MCP_PUBLIC_URL=https://preflight-mcp-relay.onrender.com

Deploy to Fly.io: fly launch in mcp-server/ (uses fly.toml + Dockerfile).

Claude connector URL format: https://YOUR_HOST/mcp?session=SESSION_FROM_PLUGIN

Publish to npm

npm publish --access public

Package: @zlatkomarjanovicorg2000/preflight-mcp-server

Local development

npm install
npm run build
node dist/index.js

In preflight/.env.local set VITE_MCP_SERVER_PATH to the absolute path of dist/index.js.