DRYL Components

Name: DRYL Components
Author: Zimpi

作者：Zimpiバージョン 3.12.0i★ 0iクラウドで動く

レジストリ名dev.dryl/components

インストール方法

What it does

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

Connects クラウドで動く
Account or key No key needed
Category その他

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 3/3 合格 · 質問内容は提供元のサーバー（components.dryl.dev）を通ります · ✓ コマンド確認済み 2026年11月13日

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげます · 約 2 分

キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加

Claude の Connectors ページを開く
CustomizeConnectors
完了
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前DRYL Components
Remote MCP server URL · アドレスhttps://components.dryl.dev/mcp
Claude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
完了
チャットで有効にする
+ConnectorsDRYL Components
完了
試してみる
DRYL Components を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が DRYL Components を使っていると言うか、回答に DRYL Components のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT との接続はプランしだい

フル MCP：Web 版 ChatGPT の Business・Enterprise・Edu · Pro：読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus：公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ

Web 版 ChatGPT で MCP の追加ページを開く
Plugins+Add custom MCP server
完了
名前とアドレスを入力
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Name · 名前DRYL Components
Connection · アドレスhttps://components.dryl.dev/mcp
完了
チャットで DRYL Components を選ぶ
新しいチャットを開き、入力前にプラグインの一覧から DRYL Components を選びます
完了
試してみる
DRYL Components を使って、私に何ができるか教えて、1 つやってみせて
✓ ChatGPT が DRYL Components を使っていると言うか、回答に DRYL Components のツール名が出れば接続成功です

メニュー名は 2026年11月11日に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Claude Code につなげます · 約 2 分

キー不要、インストール不要

ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了

このコマンドを貼り付けて Enter

claude mcp add --transport http --scope user components https://components.dryl.dev/mcp

完了

Claude Code で /mcp と入力
DRYL Components が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
DRYL Components を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が DRYL Components を使っていると言うか、回答に DRYL Components のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 2 分

キー不要、インストール不要

このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
DRYL Components を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が DRYL Components を使っていると言うか、回答に DRYL Components のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 2 分

キー不要、インストール不要

このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
DRYL Components を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が DRYL Components を使っていると言うか、回答に DRYL Components のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://components.dryl.dev/mcp

JSON 設定は下の「開発者向け」にあります

つまずいたら？DRYL Components を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

Web 経由

Claude Code

claude mcp add --transport http --scope user components https://components.dryl.dev/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "components": {
      "url": "https://components.dryl.dev/mcp"
    }
  }
}

VS Code (mcp.json)

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

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: 0
週あたりのダウンロードi: npm/PyPIにない
確認済みドメイン: ✓ dryl.dev
ライセンス i: ライセンスの記載なし
接続方法: クラウドで動く
トランスポート: streamable-http
最新バージョンi: 3.12.0
カテゴリi: その他
レジストリ公開日i: 2026年10月29日
コードの最終更新i: –
作者: Zimpi
リポジトリ: –
ウェブサイト: components.dryl.dev
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

インターネット経由でつなげるアプリ

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

すべてのアプリと長所・短所 →

できること

ツールの名前と説明は、サーバーが2026年11月12日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。

search_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.
get_component
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="
get_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
validate_markup
Check a Razor snippet's 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