官方说明10 个来源MCP 服务8 天前
themesberg/flowbite-mcp
📇 🏠 🍎 🪟 🐧 - AI assistance for Flowbite, the open-source UI framework based on Tailwind CSS
在 GitHub 查看 ↗直链 · 无中转页
配置模板（请按你的客户端调整）
claude mcp add flowbite-mcp -- npx -y flowbite-mcp
这是根据仓库名生成的可粘贴骨架，命令行参数与包名请以该项目 README 为准。
- ★ 数取值
- 42 ★ · themesberg/flowbite-mcp · 取自该仓库的 GitHub 页面 · （2026-10-16 20:00:20 核对）
- 来源明细
- 收录自 punkpeye/awesome-mcp-servers 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
- 收录与活跃
- 收录于 2026-10-09 · 最近见到 2026-10-16 · 共见到 32 次 · 被 10 个来源列出
- 评分构成
- 综合分 1,003 · 42 ★ · 10 个来源 · mcp
常见问题（答案都来自我们的记录）
怎么安装？
我们【没有】从该仓库取到安装命令（我们的 install 覆盖率只有约 4%）。请看它的 README 或 releases 页。
它适合谁 / 用来做什么？
我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
themesberg/flowbite-mcp；我们收录于 2026-10-09；最近见到 2026-10-16。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。第三方质量标记
Official MCP server for Flowbite to leverage AI for UI creation and theme genera
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
An MCP server that enables AI assistants to access the Flowbite library of Tailwind CSS components—including UI elements, forms, typography, and plugins—while offering an intelligent theme generator for creating custom branded designs within AI-driven development environments.
MCP Features
Tools:
- **🎨 [NEW] Figma to code** - Copy the Figma node url and generate code (video demo)
- **🎯 Theme file generator** - Create custom branded themes from any branded hex color
Resources:
- **📦 60+ UI components** - Complete access to the Flowbite UI components
Server:
- **🌐 Dual transport support** - Standard I/O (stdio) for CLI or HTTP Streamable for server deployments
- **⚡ Production ready** - Docker support with health checks and monitoring
Quickstart
Using NPX
The simplest way to use Flowbite MCP Server:
Environment variables
Currently you only need the Figma personal access token if you want to enable the Figma to code generation tool.
You set this variable in your MCP client configuration file.
Integration examples
Use the following configuration examples to install the Flowbite MCP server in popular clients such as Cursor, Claude, Windsurf, and others.
Claude desktop
Update the claude_desktop_config.json file and add the following configuration:
Cursor editor
Update the mcp.json file and add the following configuration:
Windsurf editor
Update the mcp_config.json file and add the following configuration:
Glama.ai
Local Transport Modes
Standard I/O (stdio)
The default mode for local development and CLI integrations:
Learn how to get the Figma personal access token to enable the Figma to code generation tool.
HTTP server
HTTP-based transport for production and multi-client scenarios:
This will make the MCP server available at 'http://localhost:3000/mcp'.
Local development
Production deployment (HTTP Mode)
For production servers with multiple clients:
Hosting variables
Configure the server behavior with these environment variables:
Docker Configuration
The project includes a production-ready Docker setup with multi-stage builds for optimal performance.
Quickstart with Docker
MCP inspector
Use the MCP Inspector for interactive debugging:
Logging
Check server logs for detailed information:
File structure
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request
License
This project is licensed under the MIT License License - see the LICENSE file for details.
MCP Features
Tools:
- **🎨 [NEW] Figma to code** - Copy the Figma node url and generate code (video demo)
- **🎯 Theme file generator** - Create custom branded themes from any branded hex color
Resources:
- **📦 60+ UI components** - Complete access to the Flowbite UI components
Server:
- **🌐 Dual transport support** - Standard I/O (stdio) for CLI or HTTP Streamable for server deployments
- **⚡ Production ready** - Docker support with health checks and monitoring
Quickstart
Using NPX
The simplest way to use Flowbite MCP Server:
Environment variables
Currently you only need the Figma personal access token if you want to enable the Figma to code generation tool.
You set this variable in your MCP client configuration file.
Integration examples
Use the following configuration examples to install the Flowbite MCP server in popular clients such as Cursor, Claude, Windsurf, and others.
Claude desktop
Update the claude_desktop_config.json file and add the following configuration:
Cursor editor
Update the mcp.json file and add the following configuration:
Windsurf editor
Update the mcp_config.json file and add the following configuration:
Glama.ai
Local Transport Modes
Standard I/O (stdio)
The default mode for local development and CLI integrations:
Learn how to get the Figma personal access token to enable the Figma to code generation tool.
HTTP server
HTTP-based transport for production and multi-client scenarios:
This will make the MCP server available at 'http://localhost:3000/mcp'.
Local development
Production deployment (HTTP Mode)
For production servers with multiple clients:
Hosting variables
Configure the server behavior with these environment variables:
Docker Configuration
The project includes a production-ready Docker setup with multi-stage builds for optimal performance.
Quickstart with Docker
MCP inspector
Use the MCP Inspector for interactive debugging:
Logging
Check server logs for detailed information:
File structure
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request
License
This project is licensed under the MIT License License - see the LICENSE file for details.
- 来源
- awesome · https://github.com/themesberg/flowbite-mcp
- 按领域浏览
- MCP 服务
- Traction
- 42 ★
- 收录于
- 昨天
更多MCP 服务
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。