Frequently Asked Questions about the FlyonUI MCP Server

Q: What is the FlyonUI MCP Server?

A: The FlyonUI MCP Server is a Model Context Protocol (MCP) server that helps generate UI components based on user prompts. It leverages the FlyonUI documentation, Tailwind CSS framework, and a vector database to provide developers with the information they need to create high-quality HTML code, complete with Tailwind CSS classes and FlyonUI components.

Q: What are the prerequisites for running the FlyonUI MCP Server?

A: You need Python 3.13+ and Docker installed to run the FlyonUI MCP Server.

Q: How do I install the dependencies for the FlyonUI MCP Server?

A: You can install the dependencies using uv add "mcp[cli]" sentence-transformers qdrant-client python-dotenv.

Q: How do I start the Qdrant vector database?

A: You can start the Qdrant vector database using Docker with the command docker run -d --name qdrant -p 6333:6333 qdrant/qdrant. For subsequent runs, use docker start qdrant.

Q: How do I run the FlyonUI MCP Server?

A: Start the server with the command source .venv/bin/activate && python main.py.

Q: How do I use the FlyonUI MCP Server?

A: Once the server is running, you can interact with it using an MCP client like Cursor or Windsurf AI editor. For example, you can type Create me a Team page which has carousel, and with user data.

Q: What is FlyonUI?

A: FlyonUI is a UI library based on Tailwind CSS. The output generated by the MCP server will be HTML markup, Tailwind CSS classes, and FlyonUI component classes and attributes.

Q: How do I add the FlyonUI MCP Server to Windsurf Editor?

A: You can add the server to Windsurf by going to the settings menu, selecting “AI & MCP” or “Extensions”, adding a new server, and configuring the connection type and command.

Q: What kind of output can I expect from the FlyonUI MCP Server?

A: You will receive documentation and example code for implementing UI components with FlyonUI, including HTML markup and Tailwind CSS classes.

Q: Where can I find the documentation for FlyonUI components?

A: The documentation is located in the docs directory. The server uses these documents to provide relevant information for implementing different UI components correctly.

Q: What is UBOS?

A: UBOS is a full-stack AI Agent Development Platform focused on bringing AI Agents to every business department. Our platform helps you orchestrate AI Agents, connect them with your enterprise data, build custom AI Agents with your LLM model, and create Multi-Agent Systems.