chore: readme and about improvements

Author: vemonet

README.md

@@ -1,19 +1,19 @@
 # 🔌 MCP registry UI
 
-Unofficial web UI to explore the [official registry](https://github.com/modelcontextprotocol/registry) for [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) servers.
+Unofficial web UI to access the [official registry](https://github.com/modelcontextprotocol/registry) for [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) servers.
 
-It lets you explore available MCP servers and easily install them into compatible clients such as [Visual Studio Code](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) or [Cursor](https://cursor.com/docs/context/mcp).
+It lets you find available MCP servers, and easily install them into compatible clients such as [Visual Studio Code](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) or [Cursor](https://cursor.com/docs/context/mcp).
 
-- 🌍 Explore all MCP servers published to the official MCP registry
+- 🌍 Access all MCP servers published to the official MCP registry
 - 🔌 Point the web UI at any compatible registry URL
 - 🔎 Search by server name, and filter by last published date
 - 📥 Install MCP servers into compatible clients in 1 click (VSCode and Cursor)
 - 🧩 Build a stack from selected MCP servers, and export to VSCode `mcp.json`, or Cursor config formats
 - 🦊 Runs entirely in the browser, and fetches data directly from [registry.modelcontextprotocol.io](https://registry.modelcontextprotocol.io/docs)
 
-> [!IMPORTANT]
+> [!NOTE]
 >
-> Contributions welcome, in particular regarding integration of new client install links.
+> Contributions welcome, in particular regarding integration of new clients install links/config.
 
 ## 🧑‍💻 Development
 
@@ -27,14 +27,12 @@ npm i
 
 ### ⚡️ Start server in development
 
-Start the development server with HMR (Hot Module Replacement):
+Start the development server at http://localhost:5173
 
 ```sh
 npm run dev
 ```
 
-Your application will be available at `http://localhost:5173`.
-
 > [!TIP]
 >
 > Create new UI components with [shadcn/ui](https://ui.shadcn.com/docs/components)
@@ -82,7 +80,8 @@ npm run build
 > Test it with:
 >
 > ```sh
-> npx http-server dist
+> cp -R dist dist/mcp-registry
+> npx http-server dist -o mcp-registry
 > ```
 
 > [!NOTE]

src/App.tsx

@@ -1,5 +1,4 @@
 import { useState, useEffect, useCallback } from 'react';
-// import { useSearchParams } from 'react-router';
 import {
   Search,
   Link2,
@@ -583,9 +582,9 @@ export default function App() {
                           {item._meta?.['io.modelcontextprotocol.registry/official']?.publishedAt && (
                             <Tooltip>
                               <TooltipTrigger asChild>
-                                <div className="flex items-center gap-1 flex-shrink-0">
+                                <div className="flex text-muted-foreground items-center gap-1 flex-shrink-0">
                                   <Calendar className="h-4 w-4" />
-                                  <span className="text-xs text-muted-foreground">
+                                  <span className="text-xs">
                                     {(() => {
                                       const date = new Date(
                                         item._meta['io.modelcontextprotocol.registry/official'].updatedAt ||

src/components/about.tsx

@@ -1,4 +1,4 @@
-import { Search, Unplug, CheckCircle, Server, Info, TriangleAlert } from 'lucide-react';
+import { BookPlus, Search, Unplug, CheckCircle, Server, Info, TriangleAlert } from 'lucide-react';
 
 import { Button } from '~/components/ui/button';
 import { Tooltip, TooltipTrigger, TooltipContent } from '~/components/ui/tooltip';
@@ -47,6 +47,21 @@ export const AboutPopup = () => {
                 servers.
               </p>
             </div>
+            <div className="flex gap-3">
+              <BookPlus className="h-5 w-5 flex-shrink-0 mt-0.5 text-primary" />
+              <p>
+                Follow the{' '}
+                <a
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://github.com/modelcontextprotocol/registry/blob/main/docs/guides/publishing/publish-server.md"
+                  className="text-primary hover:text-primary/80 transition-colors"
+                >
+                  official registry instructions
+                </a>{' '}
+                to publish your own MCP server.
+              </p>
+            </div>
             <div className="flex gap-3">
               <Unplug className="h-5 w-5 flex-shrink-0 mt-0.5 text-primary" />
               <p>You can point to a different registry URL that supports the same standards.</p>