Vs Code + Cline Setup for FlyonUI

Vs Code + Cline Setup for FlyonUI

Configure Cline to seamlessly generate FlyonUI code from your prompts.

https://cdn.flyonui.com/fy-assets/landing-page/logos/cline.png

MCP server

CLI

Run the following command to install the Context7 MCP server:

npx install-mcp @upstash/context7-mcp --client cline

Manual Setup

Paste the following configuration into your cline_mcp_settings.json file:

{
  "mcpServers": {
    "Context7": {
      "autoApprove": [],
      "disabled": false,
      "timeout": 60,
      "command": "docker",
      "args": ["run", "-i", "--rm", "context7-mcp"],
      "transportType": "stdio"
    }
  }
}

Usage

Now in Agent Mode, you can ask AI anything about FlyonUI. Start your prompt with use context7.

For example:

Use context7, and create me a FAQ for my project using FlyonUI accordion shadow example.

use context7, Create me Registration where in Password use togglepPassword component from flyonui.