flowbite-mcp
Verified Safeby themesberg
Overview
This MCP server enables AI assistants to access the Flowbite library of Tailwind CSS components and generate custom themes and code from Figma designs.
Installation
npx flowbite-mcpEnvironment Variables
- FIGMA_ACCESS_TOKEN
- MCP_TRANSPORT_MODE
- MCP_PORT
- MCP_HOST
- MCP_CORS_ORIGINS
- NODE_ENV
Security Notes
The server uses `@modelcontextprotocol/sdk` and Express, with `zod` for input validation on tools. Sensitive credentials like `FIGMA_ACCESS_TOKEN` are correctly managed via environment variables. Multi-stage Docker builds reduce the attack surface. However, logging request bodies could expose sensitive data, and the default permissive `MCP_CORS_ORIGINS=*` in the Docker setup should be tightened for production deployments.
Similar Servers
shadcn-ui-mcp-server
Provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata across React, Svelte, Vue, and React Native for enhanced development workflows.
f2c-mcp
A Model Context Protocol server for Figma Design to Code, enabling AI tools to convert Figma designs into production-ready frontend code.
mcp-server
Enables AI agents to interact with Webflow's Data API and Designer API for site and content management.
contentful-mcp-server
Enables AI assistants to programmatically interact with Contentful APIs for comprehensive content management, creation, editing, organizing, publishing, workflow automation, and content modeling.