add instructions

app.py

@@ -206,8 +206,40 @@ def get_model_card(model_id: str) -> str:
         return f"Error: {e}"
 
 
+description_html = """
+<h1>🤗 Hugging Face MCP Server</h1>
+<p>Use AI Agents to interact with the Hugging Face Hub.</p>
+
+<h3>Available tools:</h3>
+<ul>
+    <li><strong>search_models</strong>: Find models by name, tags, etc.</li>
+    <li><strong>get_model_info</strong>: Get model metadata</li>
+    <li><strong>get_model_card</strong>: View model documentation</li>
+</ul>
+
+<h3>Setup (for Cursor):</h3>
+<ol>
+    <li>Click <strong>"Use via API"</strong> → <strong>"MCP"</strong> tab</li>
+    <li>Copy SSE config:
+    <pre>
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "https://dylanebert-huggingface-mcp.hf.space/gradio_api/mcp/sse"
+    }
+  }
+}
+</pre>
+    </li>
+    <li>Paste in: <strong>Cursor Settings</strong> → <strong>MCP</strong> → <strong>Add Global MCP Server</strong></li>
+    <li>Chat in agent mode with prompts like: "list top 10 trending models on Hugging Face"</li>
+</ol>
+<hr>
+"""
+
 search_models = gr.Interface(
     fn=search_models,
+    description=description_html,
     inputs=[
         gr.Textbox(label="search", value=""),
         gr.Textbox(label="library", value=""),
@@ -221,6 +253,7 @@ search_models = gr.Interface(
 
 get_model_info = gr.Interface(
     fn=get_model_info,
+    description=description_html,
     inputs=[
         gr.Textbox(label="model_id", value=""),
     ],
@@ -228,10 +261,14 @@ get_model_info = gr.Interface(
 
 get_model_card = gr.Interface(
     fn=get_model_card,
+    description=description_html,
     inputs=[
         gr.Textbox(label="model_id", value=""),
     ],
     outputs="text")
 
-demo = gr.TabbedInterface([search_models, get_model_info, get_model_card], ["search_models", "get_model_info", "get_model_card"])
+demo = gr.TabbedInterface(
+    interface_list=[search_models, get_model_info, get_model_card], 
+    tab_names=["search_models", "get_model_info", "get_model_card"]
+)
 demo.launch(mcp_server=True)