Flyonui Mcp

Name: Flyonui Mcp
Author: themeselection

@themeselection

Repository

About Flyonui Mcp

Build modern, production-ready UI blocks, components, and landing pages in minutes.

#mcp #ai-builder #flyonui #tailwind-ai

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "flyonui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flyonui-mcp",
        "API_KEY=\"\""
      ]
    }
  }
}

Tools

Get instructions for creating FlyonUI blocks using existing blocks. This tool provides instructions for creating new FlyonUI blocks using existing blocks. Use this tool when the user requests to generate a new component. mentions /create-flyonui or /cui. Strictly follow the steps one by one to ensure successful code generation.Retrieves Instructions for IDE agent to follow for creating/generating/updating FlyonUI blocks.

Get instructions for working with FlyonUI blocks. This tool provides instructions for creating new FlyonUI blocks by taking the inspiration from existing FlyonUI blocks. Use this tool when the user requests to generate a new component by inspirations. mentions /inspire-flyonui or /iui.

Get instructions for refining FlyonUI blocks. This tool provides instructions for refining existing FlyonUI blocks. Use this tool when the user requests to refine an existing component. mentions /refine-flyonui or /rui.

Fetch the metadata of a block from a given URL. Use this tool to retrieve the block metadata. This will provide the metadata of all the FlyonUI blocks available for use.

Fetch the content of the block metadata from the FlyonUI MCP server. Use this tool to retrieve the block metadata content.

Fetch the content of a block from a given URL. Use this tool to retrieve the code block content from the authenticated URL.

Overview

What is Flyonui Mcp?

A tool to build modern, production-ready UI blocks, components, and landing pages quickly, integrating with your IDE and supporting frameworks like React, Next.js, Nuxt, Vue, Svelte, and more.

How to use Flyonui Mcp?

—

Key features of Flyonui Mcp

Build UI blocks, components, and landing pages
Production-ready output
Seamless IDE integration
Supports React, Next.js, Nuxt, Vue, Svelte, and more

Use cases of Flyonui Mcp

Rapidly prototyping UI interfaces
Generating complete landing pages
Creating reusable components across multiple frameworks

FAQ from Flyonui Mcp

—

Comments

More Other MCP servers

Reactive Resume

amruthpillai

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

39.5K