MCP Directory
Back

chat-ui

by AI-QL · HTML · ★ 91

View on GitHub ↗

Single-File AI Chatbot UI with Multimodal & MCP Support: An All-in-One HTML File for a Streamlined Chatbot Conversational Interface

#ai-chatbot#chat-ui#chatbot#chatgpt#html#llm#mcp#model-context-protocol#typescript#vue3

Install

git clone https://github.com/AI-QL/chat-ui.git

Claude Desktop config

Add this to your claude_desktop_config.json: 

{
  "mcpServers": {
    "chat-ui": {
      "command": "npx",
      "args": [
        "-y",
        "github:AI-QL/chat-ui"
      ]
    }
  }
}

From the README

[](https://vuejs.org) [](https://vuetifyjs.com) [](https://hub.docker.com/repository/docker/aiql/chat-ui/tags?page=1&ordering=last_updated) [](https://github.com/AI-QL/chat-ui/blob/main/LICENSE) The UI of Chat is becoming increasingly complex, often encompassing an entire front-end project along with deployment solutions. This repository aims to construct the entire front-end UI using a single HTML file, aiming for a minimalist approach to create a chatbot. By simplifying the structure and key functions, developers can quickly set up and experiment with a functional chatbot, adhering to a…
Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related filesystem servers

cline

cline

★ 61,214

Autonomous coding agent right in your IDE, capable of creating/editing files, executing commands, using the browser, and more with your permission every step of the way.

Filesystem · TypeScript

mempalace

MemPalace

★ 50,486

The best-benchmarked open-source AI memory system. And it's free.

Filesystem · Python

GitNexus

abhigyanpatwari

★ 33,661

GitNexus: The Zero-Server Code Intelligence Engine - GitNexus is a client-side knowledge graph creator that runs entirely in your browser. Drop in a GitHub repo or ZIP file, and get an interactive knowledge graph wit a built in Graph RAG Agent. Perfect for code exploration

Filesystem · TypeScript

github-mcp-server

github

★ 29,391

GitHub's official MCP Server

Filesystem · Go

repomix

yamadashy

★ 24,132

📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Language Models (LLMs) or other AI tools like Claude, ChatGPT, DeepSeek, Perplexity, Gemini, Gemma, Llama, Grok, and more.

Filesystem · TypeScript

claude-plugins-official

anthropics

Official ★ 18,276

Official, Anthropic-managed directory of high quality Claude Code Plugins.

Filesystem · Python