DRYL Components

dev.dryl由 dryl.dev 發布官方發布者v3.12.0更新於 Oct 29, 2026

Blazor UI library DRYL: find components, read their exact API and tokens, validate Razor markup.

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

概覽

AI 產生的概覽

DRYL Blazor UI 函式庫的遠端 MCP 伺服器:搜尋元件、讀取其精確 API 與 CSS 權杖,並驗證 Razor 標記。

可以做什麼
  • 依名稱、標題、類別或用途搜尋 DRYL Blazor 元件
  • 讀取單一元件的精確公開 API:參數、列舉成員、方法及標準 Razor 範例
  • 查詢 DRYL 自身使用的 CSS 自訂屬性,依顏色、玻璃、強調色、間距、圓角、動效等分組,含深色與淺色值
  • 驗證 Razor 片段中的 Dryl 標籤是否符合真實 API,指出未知元件、未知參數與錯誤列舉值並提供修正建議
適用情境
適合在撰寫或審查使用 DRYL 元件庫的 Blazor UI 程式碼時使用,以取得正確的元件名稱、參數與列舉值,或透過 DRYL 的 CSS 權杖而非字面值維持樣式一致。
執行需求
位於 components.dryl.dev 的遠端 streamable HTTP 端點;未宣告任何套件、環境變數、標頭或身分驗證。助理需要能連線至該端點的網路。
安裝前請注意
驗證器只掃描標籤、不進行編譯,通過驗證不代表能編譯成功。此伺服器為第三方託管端點,會接收你送出驗證的 Razor 片段。

安裝

在 SourceWeft 中

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

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

{
  "mcpServers": {
    "dryl-components": {
      "type": "http",
      "url": "https://components.dryl.dev/mcp"
    }
  }
}

README

該儲存庫沒有 README。

工具

4

search_components

Search DRYL components

Find DRYL Blazor components (DRYL.Components and DRYL.Components.Agents) by name, title, category or purpose. Use this first when you need a component for a job; then call get_component for its exact API.

輸入參數limitquery必填

get_component

Get a DRYL component's API

The exact public API of one DRYL component: every parameter with type, default and description, the members of every enum it uses, its public methods and a canonical Razor example. DRYL variants are enums, never strings: write an enum value as qualifiedName.Member (e.g. Variant="DrylButton.ButtonVariant.Secondary") — many enums are nested in their component, so the bare enum name does not compile.

輸入參數name必填

get_tokens

Get DRYL design tokens

The CSS custom properties DRYL styles itself with, grouped (colors, glass, accent, spacing, radius, motion, …), with the dark value and — where light mode differs — the light value. Reference these with var(--name) in your CSS instead of writing literal colors, sizes or durations; DRYL follows the user's color mode through them.

輸入參數category

validate_markup

Validate DRYL Razor markup

Check a Razor snippet's <Dryl…> tags against DRYL's real API before you finish: unknown components, unknown parameters, and enum parameters given a string or a member that does not exist — each with a suggested fix. Call it on every DRYL markup you write or change. It scans tags; it does not compile Razor.

輸入參數razor必填

版本歷史

1
  1. v3.12.0最新Oct 29, 2026

評分

已滿足適用檢查項的 75%

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

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

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款10 分

    請在儲存庫或註冊中心條目中宣告授權條款。