# io.github.themesberg/flowbite-mcp (npm · flowbite-mcp)

MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

- Trust score: 59/100 (low)
- Change this week: +15
- Registry status: active
- Liveness: live
- Owner verified: no
- Last scored: 2026-08-03

## Components

- npm · `flowbite-mcp`: 59/100 (this document), [markdown](https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp.md), [page](https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp)

## Channel facts

- Registry: `npm`
- Package: `flowbite-mcp`
- Version: `1.1.3`
- Transport: `stdio`

## Trust breakdown

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. Scores are 0–100 per category. Scoring method: https://verifymcp.io/docs/scoring (what has changed: https://verifymcp.io/docs/scoring/changelog)

Scored 2026-08-03.

- **Supply Chain Security**: 87/100
  - No malware found by supply-chain analysis.
  - Only part of the dependency tree could be resolved (96 of 100), so this covers what we could see, not the whole tree.
  - No install/post-install scripts declared.
  - Only part of the dependency tree could be resolved (96 of 100), so this covers what we could see, not the whole tree.
- **Provenance & Transparency**: 45/100
  - Source repository is publicly reachable at the declared URL.
  - Provenance check failed: no build-provenance attestation is published.
  - Clear OSI-approved license (MIT).
  - Actively maintained (last published 210 days ago).
  - Disclosure check failed: no security disclosure policy was found in the source repository.
- **Schema Quality & AI Usability**: 44/100
  - 6% of prompts and resources have a non-trivial description (not blank, and not just the item's name).
  - AI-judged instruction clarity (good).
  - Tool/resource definitions use about 864 tokens (~11/item across 74 items; 2 tools + 72 resources), lean.
  - Usage-examples check failed: none of the tools include examples.
- **Stability & Change Management**: 0/100
  - Stability not yet verified: not enough scan history yet (needs a 30-day window).
- **Tool Coverage**: 100/100
  - 100% of tools have a non-trivial description (not blank, and not just the tool's name).
  - 100% of tool parameters carry a description.
- **Capabilities**: 100/100
  - Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.

**Unverified: 1 category.** A category scored 0 because we could not verify it: a data source with nothing on this package, evidence we could not reach, or a check we could not run. We only credit what we can confirm.

## Install

### Claude

```bash
claude mcp add themesberg-flowbite-mcp -- npx -y flowbite-mcp
```

### Codex

```bash
codex mcp add themesberg-flowbite-mcp -- npx -y flowbite-mcp
```

### opencode

```json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "themesberg-flowbite-mcp": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "flowbite-mcp"
      ],
      "enabled": true
    }
  }
}
```

### OpenClaw

```bash
openclaw mcp add themesberg-flowbite-mcp --command npx --arg -y --arg flowbite-mcp
```

### Hermes

```yaml
mcp_servers:
  themesberg-flowbite-mcp:
    command: "npx"
    args: ["-y", "flowbite-mcp"]
```

### Other

```json
{
  "mcpServers": {
    "themesberg-flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ]
    }
  }
}
```

## Changelog

Every change recorded for this component, newest first. Days that predate change tracking, or that we cannot explain, say so: "we were watching and nothing happened" and "we were not watching" are different claims.

### 2026-08-02 (score 59, +54)

- [security regression] Provenance: unverified → fail
- [security improvement] Known CVEs: unverified → partial
- [security improvement] Install scripts: unverified → pass
- [security improvement] Malware scan: unverified → pass
- [security] Stability: Stability not yet verified: not enough scan history yet (needs a 30-day window).
- [functional regression] Security disclosure: fail → unverified
- [functional improvement] MCP protocol: unverified → pass
- [functional improvement] Maintenance: unverified → pass
- [functional improvement] Dependency health: unverified → partial
- [functional improvement] Schema quality: unverified → 6
- [functional improvement] License: unverified → pass
- [functional improvement] Tool coverage: unverified → 100
- [functional] Licence: MIT

### 2026-08-01 (score 5, −24)

- [security] Stability: Stability not yet verified: we do not have a sandbox capture of the MCP schema this version of the package serves yet.
- [functional regression] Tool coverage: 100 → unverified
- [functional regression] Schema quality: 6 → unverified
- [functional regression] Capabilities: pass → unverified

### 2026-07-31 (score 29, −15)

- [functional] We updated how we score, so this day's move reflects our rubric, not a change to the server

### 2026-07-30 (score 44, +20)

- [functional improvement] Schema quality: unverified → 6
- [functional improvement] Tool coverage: unverified → 100

### 2026-07-28 (score 24, −20)

- [functional regression] Schema quality: 6 → unverified
- [functional regression] Tool coverage: 100 → unverified

### 2026-07-27 (score 44)

First indexed and scored.

## MCP tools (2)

### `convert-figma-to-code` (~85 tokens)

Fetches a Figma node and its rendered image from the Figma API and converts it to a code block. Requires FIGMA_ACCESS_TOKEN environment variable to be set.

Input parameters:

- `figmaNodeUrl` (string, required): The URL of the Figma node (e.g., https://www.figma.com/design/fileKey/fileName?node-id=123-456)

### `generate-theme` (~229 tokens)

Generates a custom Flowbite theme CSS file based on a brand color (hex format) and user instructions. The AI will intelligently analyze the instructions and customize ALL theme variables (border radius, spacing, colors, typography, etc.) to match the desired aesthetic. This tool creates color shades and variations, adapting the entire theme system to match your brand identity.

Input parameters:

- `brandColor` (string, required): The primary brand color in hex format (e.g., #3B82F6, #FF5733). This will be used as the base for generating all brand color variations.
- `fileName` (string): Optional filename for the generated theme (e.g., "my-brand-theme.css"). Defaults to "custom-theme.css"
- `instructions` (string, required): Natural language instructions describing the desired theme aesthetic and customizations. The AI will interpret these instructions to modify all relevant theme variables. Examples: "Make it modern and…

## Diagnostics

Captured diagnostic sections: Provenance, Dependencies. The full working is on the page: https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp#diagnostics

## Score history

- 2026-08-03: 59
- 2026-08-02: 59
- 2026-08-01: 5
- 2026-07-31: 29
- 2026-07-30: 44
- 2026-07-28: 24
- 2026-07-27: 44

## Links

- npm package: https://www.npmjs.com/package/flowbite-mcp
- Socket report: https://socket.dev/npm/package/flowbite-mcp
- Repository: https://github.com/themesberg/flowbite-mcp
- Website: https://flowbite.com/docs/getting-started/mcp/
- Changelog RSS feed: https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp/changelog.xml
- Changelog JSON feed: https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp/changelog.json
- HTML version of this page: https://verifymcp.io/servers/themesberg-flowbite-mcp/flowbite-mcp