MCP.so
Sign In
Servers

MCP Server Hub UI

@gfuener

Skeleton for mcp server hub

Overview

What is MCP Server Hub UI?

A management interface for MCP servers built with Angular 17 and Bootstrap 5. It is intended for developers who need to administer or interact with MCP servers through a web-based UI.

How to use MCP Server Hub UI?

Use the Angular CLI commands: ng serve for a development server, ng build to build the project, ng test for unit tests, and ng e2e for end-to-end tests. The default development server runs at http://localhost:4200/.

Key features of MCP Server Hub UI

  • Built with Angular 17 and Bootstrap 5
  • Automatic reload on source file changes during development
  • Code scaffolding via Angular CLI generators
  • Unit test execution with Karma
  • End-to-end test support

Use cases of MCP Server Hub UI

  • Managing MCP servers through a web interface
  • Developing and testing the UI locally using Angular CLI
  • Building a production-ready distribution of the management interface

FAQ from MCP Server Hub UI

How do I start the development server?

Run ng serve and navigate to http://localhost:4200/. The application will automatically reload when you change any source files.

How do I build the project for production?

Run ng build. The build artifacts will be stored in the dist/ directory.

How do I run unit tests?

Run ng test to execute the unit tests via Karma.

How do I run end-to-end tests?

Run ng e2e to execute the end-to-end tests. You need to first add a package that implements end-to-end testing capabilities.

More from Other