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 分

    请在仓库或注册中心条目中声明许可证。