UpFork

by upfork.dev · dev.upfork/upfork

Search, view and install React + Tailwind CSS components and landing pages from UpFork.

OnlineRemote
Category
Search and web data
Connection
Remote (HTTP)
Tools
8 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http upfork https://upfork.dev/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://upfork.dev/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "upfork": {
      "url": "https://upfork.dev/mcp"
    }
  }
}

Tools it offers

8 tools, as the server itself reported during our check on Oct 31, 2026.

  • install_productPut an UpFork component or landing page into the user's React + Tailwind CSS project. Answers short: the one-line `npx shadcn@latest add` command that installs it all, the product's AI summary (its entry point, key props
  • sign_inOnly when the user wants something that needs their UpFork account: saying a lesson worked or didn't, their account, installing a product that isn't free, a product's AI prompt, support tickets, their profile and résumé,
  • search_lessonsLessons alone, from UpFork's published articles: what a developer or their AI learned building a product that they didn't know before, verified on it (what was assumed, what happened, why, the fix, the evidence), without
  • preflightCall it at the start of work, before writing code: send a sentence about the task and, once the project has a package.json, its dependencies and devDependencies as they are (or one name → version map). In an empty folder
  • view_productOne UpFork product by its slug (from search_products, or its address upfork.dev/products/<slug>). It answers short: the product's AI summary first (what it is, the install line, the entry point, the key props, one exampl
  • read_product_fileOne file of an UpFork product's live code, its lines numbered exactly as an article's ::file{path lines} block counts them (400 lines a call), or, without path, the list of its files and their lengths. The code anyone ma
  • search_productsSearch UpFork (upfork.dev): React + Tailwind CSS components (installed with the shadcn CLI), landing pages, full-stack projects and mobile (React Native) components. Describe what's wanted in plain words ("a pricing tabl
  • get_lessonOne lesson by its number (L-7KQ2, from search_lessons or its address upfork.dev/lessons/<number>), whole: what was assumed, what happened, why, the fix and the evidence; with short hits of related lessons about the same

Questions

What is the UpFork MCP server?

Search, view and install React + Tailwind CSS components and landing pages from UpFork. It is made by upfork.dev and listed in the official MCP Registry as dev.upfork/upfork. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add UpFork to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://upfork.dev/mcp. In Claude Code, run: claude mcp add --transport http upfork https://upfork.dev/mcp

How do I add UpFork to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://upfork.dev/mcp.

How do I add UpFork to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "upfork": { "url": "https://upfork.dev/mcp" } } }

Does UpFork work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can UpFork do?

It gives your AI 8 tools, including install_product, sign_in, search_lessons, preflight, view_product. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/dev-upfork-upfork.svg)](https://chen.media/mcp/dev-upfork-upfork)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/dev-upfork-upfork"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-upfork-upfork.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-upfork-upfork.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Search and web data

See all