QuasarUI

com.quasarui由 quasarui.com 發布官方發布者v1.0.0更新於 Oct 29, 2026

Find Quasar Framework(Vue) UI Components and paste their source. Free Components need no key.

已驗證Streamable HTTP可網頁執行知識與記憶開發者工具

概覽

AI 產生的概覽

QuasarUI 讓助理搜尋 Quasar Framework（Vue）UI 元件庫，並把元件原始碼貼進專案。

可以做什麼
  • 用自然語言查詢或 slug 搜尋元件，最多回傳 20 筆結果並標示免費或付費
  • 列出所有 Block 及其標籤、元件數量、免費數量與頁面網址
  • 列出某個 Block 內的元件，並標示每個元件是免費或付費
  • 依 slug 取得元件的完整 Vue SFC 原始碼
  • 取得 Quasar CLI、Nuxt 或 Vite 的專案設定說明，包含元件所需的圖示集
適用情境
適合在使用 Quasar Framework 開發 Vue 應用時，讓助理尋找現成的介面元件（例如含月付／年付切換的定價表或登入表單）並把程式碼加入專案。免費元件不需帳號即可使用。
執行需求
可使用服務商託管的遠端端點，或在僅支援 stdio 的用戶端中透過 npx 執行本機 npm 套件 quasarui-mcp。只有付費元件需要 Access Key（QUASARUI_ACCESS_KEY 環境變數或 Authorization Bearer 標頭），且帳號需具備 All Access 或 Blocks Pro。每個 IP 與每個金鑰每分鐘限 60 次請求。
安裝前請注意
Access Key 屬於機密資訊；金鑰錯誤、遭撤銷或格式不正確會回傳 401，且伺服器不會退回免費元件。付費元件原始碼僅在具備相應權限時回傳。貼上取得的原始碼會把程式碼寫入專案，使用前應先審閱。請求會送往服務商的託管伺服器。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 QuasarUI，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/com.quasarui%2Fmcp/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "quasarui": {
      "type": "http",
      "url": "https://www.quasarui.com/mcp"
    }
  }
}

README

QuasarUI MCP Server

Let your AI assistant find QuasarUI Components for Quasar Framework (Vue) and paste their source into your project.

Ask for "a pricing table with a monthly and yearly toggle" and your assistant searches the catalogue, picks a matching Component and pastes its code.

  • Without a key: every Free Component. No account needed.
  • With an Access Key: every Paid Component too, if your account holds All Access or Blocks Pro. Create a key.

The server is hosted at https://www.quasarui.com/mcp. New Components appear there as soon as they are published; nothing here needs updating.

Connect your client

Replace YOUR_ACCESS_KEY with your key, or leave the key out for Free Components only.

Claude Code

sh
claude mcp add --transport http quasarui https://www.quasarui.com/mcp --header "Authorization: Bearer YOUR_ACCESS_KEY"

Cursor

Add to ~/.cursor/mcp.json, or .cursor/mcp.json in a project:

json
{  "mcpServers": {    "quasarui": {      "url": "https://www.quasarui.com/mcp",      "headers": { "Authorization": "Bearer YOUR_ACCESS_KEY" }    }  }}

Claude Desktop and other stdio clients

Clients that only start local servers can use this package, which forwards to the hosted server:

json
{  "mcpServers": {    "quasarui": {      "command": "npx",      "args": ["-y", "quasarui-mcp"],      "env": { "QUASARUI_ACCESS_KEY": "YOUR_ACCESS_KEY" }    }  }}

Docker

sh
docker build -t quasarui-mcp .docker run -i --rm -e QUASARUI_ACCESS_KEY=YOUR_ACCESS_KEY quasarui-mcp

Tools

ToolWhat it does
list_blocksLists every Block with its Component counts
list_componentsLists the Components in a Block, each marked free or paid
search_componentsFinds Components by what they are, such as "login form" or "sidebar"
get_componentReturns a Component's source
get_setup_guideExplains how to set up a project and paste a Component

Without access, asking for a Paid Component returns its preview link and how to unlock it, never its code.

Limits and errors

  • Each IP address can make 60 requests a minute, and so can each Access Key. Past that the server answers 429 for a short while.
  • A wrong, revoked or malformed key gets 401. The server never falls back to Free Components for a bad key.

License

The code in this repository is MIT. Components returned by the server are covered by the QuasarUI license.

來源：README.md，提交 12bf239

工具

5

get_component

Get Component

Get a Component's full Vue SFC source by slug. Free Components return their source to anyone; a Paid Component without access returns an upgrade message with the pricing URL instead.

輸入參數slug必填

get_setup_guide

Get Setup Guide

How to set up Quasar (Quasar CLI, Nuxt or Vite) and paste a QuasarUI Component into a project, including the icon sets the Components need.

無需輸入參數。

list_blocks

List Blocks

List every QuasarUI Block (a group of related Components, e.g. pricing-sections) with its tags, how many Components it has, how many are Free, and its page URL.

無需輸入參數。

list_components

List Components

List the Components of one Block, each with "access": "free" (source available to anyone) or "paid" (needs All Access or Blocks Pro).

輸入參數block必填

search_components

Search Components

Search Components by a plain-language query, e.g. "pricing table with a monthly/yearly toggle" or a slug. Returns up to 20 matches, best first, each with its Free or Paid access.

輸入參數query必填

版本歷史

1
  1. v1.0.0最新Oct 29, 2026

評分

已滿足適用檢查項的 100%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分