Koskamo

Frontic UI MCP

An official MCP server for Frontic UI that enables AI coding agents to search the component registry, read documentation and examples for Vue commerce components, and retrieve the specific CLI command to add components to a project.

Visit Frontic

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

Frontic UI MCP logo, by FronticVendor evidenceStreamable HTTPNo sign-inEndpoint checked 2026-11-01Operated by Frontic
MCP endpoint (Streamable HTTP)
https://mcp.ui.frontic.com/mcp
Vendor documentation

What you can do with it

  • Search for Frontic UI Vue components
  • Read component documentation and examples
  • Get the add command to install components

Source and maintenance

Vendor evidenceRegistry 0.8.0
mcp-registry: com.frontic/ui@0.8.0Project website

Protocol and capabilities

Server
frontic-ui 0.8.0
MCP protocol
2025-06-18
Tools
4 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
1 advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": true
  },
  "prompts": {
    "listChanged": true
  }
}

Tools

4 advertised

search_registry_items
Advertised by the server during the last successful anonymous check.

Search Frontic UI items by name and description. An empty query lists all; `tier` narrows to ui, sections, templates, lib or composables. Read one with get_item_docs; get_item_examples gives its examples alone.

search_registry_items input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "tier": {
      "enum": [
        "ui",
        "sections",
        "templates",
        "lib",
        "composables"
      ],
      "type": "string"
    },
    "limit": {
      "type": "number"
    },
    "query": {
      "type": "string"
    },
    "offset": {
      "type": "number"
    }
  }
}
get_item_docs
Advertised by the server during the last successful anonymous check.

Return the docs of Frontic UI items: install command, examples, how the parts nest, every part's props, events and slots, what else the item exports, styling, source, and the API of the items its example uses.

get_item_docs input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "items"
  ],
  "properties": {
    "items": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "minItems": 1
    }
  }
}
get_item_examples
Advertised by the server during the last successful anonymous check.

Return a Frontic UI item's examples as source, the main one first. Pass `example`, a slug such as `sale` for `price.sale.example.vue`, for one alone; `main` is the main example.

get_item_examples input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string"
    },
    "example": {
      "type": "string"
    }
  }
}
get_add_command
Advertised by the server during the last successful anonymous check.

Return the CLI command that adds Frontic UI items to a project.

get_add_command input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "items"
  ],
  "properties": {
    "items": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "minItems": 1
    }
  }
}

Prompts

1 advertised

build_with

Advertised by the server during the last successful anonymous check.

Build something with Frontic UI items: the agent reads each item through this server, installs it and builds from it.

items
Item names, comma-separated (required)
goal
What to build (required)

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
345 ms
95th percentile latency
345 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 345 ms · metadata changed · 4 tool(s), 1 prompt(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http frontic-ui-mcp https://mcp.ui.frontic.com/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add frontic-ui-mcp --url https://mcp.ui.frontic.com/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable frontic-ui-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "frontic-ui-mcp": {
      "url": "https://mcp.ui.frontic.com/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "frontic-ui-mcp": {
      "type": "streamableHttp",
      "url": "https://mcp.ui.frontic.com/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start frontic-ui-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "frontic-ui-mcp": {
      "type": "http",
      "url": "https://mcp.ui.frontic.com/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http frontic-ui-mcp https://mcp.ui.frontic.com/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "frontic-ui-mcp": {
      "url": "https://mcp.ui.frontic.com/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "frontic-ui-mcp": {
      "serverUrl": "https://mcp.ui.frontic.com/mcp"
    }
  }
}

Let your agent find its tools

Find servers like Frontic UI MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 6,904

Do you run Frontic UI MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing