Enhance redesign function documentation and examples; clarify user instructions for targeted redesign approaches

app.py

@@ -126,7 +126,7 @@ def redesign_html(html_input: str, user_prompt: str = "") -> str:
         html_input (str): The HTML code with TailwindCSS classes to be redesigned.
                          Can include React/Vue/Svelte/Angular syntax which will be preserved.
         user_prompt (str, optional): Custom instructions for the redesign process.
-                                   Examples: "make it more colorful", "add animations", 
+                                   Examples: "make it more colorful", "add animations",
                                    "make it minimal", "improve mobile layout".
                                    If empty, uses default redesign approach.
 
@@ -161,7 +161,7 @@ def redesign_html(html_input: str, user_prompt: str = "") -> str:
     user_content = html_input
     if user_prompt.strip():
         user_content = f"User instructions: {user_prompt.strip()}\n\nHTML to redesign:\n{html_input}"
-    
+
     messages = [
         {"role": "system", "content": SYSTEM_PROMPT},
         {"role": "user", "content": user_content},
@@ -242,6 +242,8 @@ demo = gr.Interface(
     
     This is an MCP (Model Context Protocol) server that provides HTML redesign capabilities to LLMs.
     
+    **Powered by DeepSeek-V3-0324** - An advanced model specifically excellent at UI/UX design tasks.
+    
     **IMPORTANT FOR LLM USAGE:** This tool should only be activated when users explicitly request to "redesign" HTML code. 
     Users must use the word "redesign" or similar intent (e.g., "improve the design", "make it look better") for this tool to be used.
     
@@ -251,21 +253,22 @@ demo = gr.Interface(
     - Maintains framework syntax (React, Vue, Svelte, Angular)
     - Supports dark mode when present in input
     - Mobile-first responsive design implementation
+    - Custom user instructions for targeted redesign approaches
     
     **Usage:** LLMs can use this tool when users ask to redesign HTML code by providing the HTML as input.
     """,
     examples=[
         [
             "Make it more modern and colorful",
-            '<div class="p-4 border"><h1 class="text-xl">Welcome</h1><p>This is a basic card</p><button class="bg-blue-500 text-white px-4 py-2">Click me</button></div>'
+            '<div class="p-4 border"><h1 class="text-xl">Welcome</h1><p>This is a basic card</p><button class="bg-blue-500 text-white px-4 py-2">Click me</button></div>',
         ],
         [
             "Add subtle animations and improve spacing",
-            '<form class="space-y-4"><input type="email" placeholder="Email" class="border p-2 w-full"><input type="password" placeholder="Password" class="border p-2 w-full"><button type="submit" class="bg-green-500 text-white p-2">Login</button></form>'
+            '<form class="space-y-4"><input type="email" placeholder="Email" class="border p-2 w-full"><input type="password" placeholder="Password" class="border p-2 w-full"><button type="submit" class="bg-green-500 text-white p-2">Login</button></form>',
         ],
         [
             "",
-            '<nav class="flex justify-between p-4 bg-gray-100"><div class="font-bold">Logo</div><ul class="flex space-x-4"><li><a href="#" class="text-blue-500">Home</a></li><li><a href="#" class="text-blue-500">About</a></li></ul></nav>'
+            '<nav class="flex justify-between p-4 bg-gray-100"><div class="font-bold">Logo</div><ul class="flex space-x-4"><li><a href="#" class="text-blue-500">Home</a></li><li><a href="#" class="text-blue-500">About</a></li></ul></nav>',
         ],
     ],
     css=custom_css,