Mcp_ui_phase1
About
Mcpuiphase1 is a web-based user interface built with Next.js, bootstrapped using create-next-app. It is intended as a starting point for developing an MCP-related front end, though the README does not specify any MCP integrations or data sources.
Details
- Author
- avsai24
- Downloads
- 281
- Categories
- Other
Jump to
- Bootstrapped with Next.js and create-next-app
- Hot-reloads on file edits in app/page.tsx
- Uses next/font to load the Geist font family
- Ready for deployment on Vercel
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mcp_ui_phase1Command (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Run the development server with npm run dev (or yarn dev, pnpm dev, bun dev), then open http://localhost:3000 in your browser. Edit app/page.tsx to see live changes. Deploy the production build to Vercel using their platform.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp_ui_phase1": {
"mcp_ui_phase1": {
"command": "bun",
"args": [
"dev"
]
}
}
}
}McpServers
{
"mcp_ui_phase1": {
"command": "bun",
"args": [
"dev"
]
}
}This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
or
yarn dev
or
pnpm dev
or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
