Based on the provided code and context, you're building a multi-tool application using the MCP (Multi-Container Platform) framework. The goal is to create an Angular-based UI for two different tools: "Get Time" and "Greet". Here's how you can proceed with adding a second UI for the "Greet" tool:
Step 1: Create a New HTML Entry Point
Create a new HTML file for the Greet tool, similar to get-time/mcp-app.html:
html1<!-- greet/mcp-app.html --> 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <meta charset="UTF-8"> 6 <title>Greet</title> 7 <base href="/"> 8 <link rel="stylesheet" type="text/css" href="/styles.css"> 9</head> 10<body> 11 <app-root></app-root> 12 13 <!-- Angular CLI server configuration --> 14 <script src="runtime.js"></script> 15 <script src="polyfills.js"></script> 16 <script src="scripts.js"></script> 17 <script src="main.js"></script> 18</body> 19</html>
Step 2: Create a New Angular App for the Greet Tool
Create a new
Read the full article at DEV Community
Want to create content about this topic? Use Nemati AI tools to generate articles, social posts, and more.

![[AINews] The Unreasonable Effectiveness of Closing the Loop](/_next/image?url=https%3A%2F%2Fmedia.nemati.ai%2Fmedia%2Fblog%2Fimages%2Farticles%2F600e22851bc7453b.webp&w=3840&q=75)



