Flowbite MCP 服务器是 Flowbite 官方提供的 MCP 服务，用于让 AI 助手访问 Flowbite 组件库，从而在 AI 开发环境中辅助 UI 创建和主题生成。
用途 该工具主要用于在 AI 辅助开发流程中提供 Flowbite 组件资源，并支持从品牌色生成主题以及将 Figma 设计转换为代码。
主要能力
- 组件访问：可访问 60 多个 Flowbite UI 组件，涵盖界面元素、表单、排版和插件。
- 主题生成：提供智能主题生成器，可根据任意品牌十六进制颜色创建自定义品牌主题。
- Figma 转代码：支持复制 Figma 节点 URL 并生成代码（官方标注为 NEW 功能）。
- 传输支持：同时支持标准 I/O（stdio）用于 CLI 和本地开发，以及 HTTP Streamable 用于服务器部署和多客户端场景。
- 生产就绪：提供 Docker 支持，包含健康检查和监控。
使用方式
- 配置环境变量：如需启用 Figma 转代码功能，需要设置 Figma 个人访问令牌。该变量在 MCP 客户端配置文件中设置。
- 集成到客户端：官方提供了 Cursor、Claude、Windsurf 等客户端的配置示例。例如，Claude 桌面端需更新 claude_desktop_config.json，Cursor 需更新 mcp.json，Windsurf 需更新 mcp_config.json。
- 本地传输模式：默认使用 stdio 模式用于本地开发和 CLI 集成；HTTP 模式用于生产环境，启动后服务可通过 http://localhost:3000/mcp 访问。
- 本地开发与生产部署：本地开发使用默认模式；生产部署（HTTP 模式）面向多客户端服务器，可通过环境变量配置服务器行为。
- Docker：项目包含生产就绪的 Docker 配置，使用多阶段构建。
- 调试：可使用 MCP Inspector 进行交互式调试，并查看服务器日志获取详细信息。
适用场景
- 在 AI 编码助手（如 Cursor、Claude、Windsurf）中快速生成基于 Flowbite 的 UI 代码。
- 根据品牌色自动生成主题，用于定制化设计。
- 将 Figma 设计稿快速转换为代码。
- 需要多客户端访问的生产环境部署。
限制与说明
- Figma 转代码功能需要 Figma 个人访问令牌，具体获取方式官方提供了指引。
- Flowbite Pro 模块集成需要许可证认证，相关细节暂未提供。
- 项目采用 MIT 许可证。
- 关于收费、价格、具体平台支持范围、效果等更多事实，资料中暂未提供。
