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

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

Basic information

More Other MCP servers

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K

Glasswarp

See and control a real Windows PC you own — from any MCP client, locally or remotely. Observe (UIA + screenshots), click/type/drag/scroll, launch apps, owner Live View. BYOH: your machine, your key.