Windsurf Setup for FlyonUI

Windsurf Setup for FlyonUI

Configure Windsurf to seamlessly generate FlyonUI code from your prompts.

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

MCP server

CLI

Run the following command to install the Context7 MCP server:

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

Manual Setup

Add the following configuration to your Windsurf MCP config file: ~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

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.