Dotmira

ロシア語版： README.ru.md · サイト上のドキュメント： https://dotmira.com/en/developers · レジストリエントリー： registry/

Dotmira MCP サーバーと API

Dotmira には API があります。プログラムから利用できるインターフェースは 2 つです。AI アシスタント、AI エージェント、コードエディター（Claude、ChatGPT、Cursor、VS Code、その他あらゆる MCP クライアント）向けの MCP サーバー と、コマンドラインからインストールできる shadcn 互換コンポーネントレジストリ です。アシスタントはカタログから適切な Web エフェクト、アニメーション、UI コンポーネントを見つけ、作成者、ソース、ライセンスとともにコードを取得します。

アカウント → MCP とレジストリ

概要

項目	内容
MCP サーバー	https://dotmira.com/mcp — インストール不要のリモートサーバー
プロトコル	Streamable HTTP 経由の Model Context Protocol（MCP）。仕様は 2026-07-28。以前のバージョンのクライアントも接続できます
サインイン	OAuth 2.1（Dotmira アカウントでサインイン）または個人用トークン（Authorization: Bearer dtm_…）
ツール	search_effects、get_effect、list_categories、get_preview — 読み取り専用
レジストリ	https://dotmira.com/r/{name}.json、名前空間は @dotmira、shadcn レジストリ形式
カタログ	31,000 件を超える Web エフェクト、アニメーション、UI コンポーネント、テンプレート：React、Tailwind、HTML/CSS、TypeScript、Vue
利用できないもの	REST API、GraphQL API、SDK、OpenAPI 記述、独自の CLI

MCP サーバー

サーバーは、Streamable HTTP 経由のオープンな Model Context Protocol（MCP）に対応しています。リモートサーバーのため、インストールは不要です。アドレスとサインインだけで利用できます。

サーバーアドレス

• dotmira.com https://dotmira.com/mcp
• dotmira.ru https://dotmira.ru/mcp

サイトごとにアドレスが異なります。サインインして接続したアシスタントは、接続を許可したサイトでのみ利用できます。

ツール：アシスタントにできること

• search_effects — カタログをキーワード、セクション、技術で検索します。コードは含めず、タイトル、作成者、リンクを返します。
• get_effect — 1 つの要素のコードを返します。ファイル、依存関係、ライセンス、作成者、ソース、レジストリからインストールするコマンドが含まれます。
• list_categories — カタログのセクションを、各セクションの要素数とともにツリー形式で返します。
• get_preview — プレビュー画像へのリンクと、ライブプレビュー付き要素ページへのリンクを返します。

ツールが読み取るのはカタログだけで、アカウントの内容は変更しません。

質問の例

• 「Dotmira で React 用の光るボタンを探して、プロジェクトに追加して。」
• 「Dotmira から Tailwind 用のアニメーション背景を 5 つ、プレビューリンク付きで表示して。」
• 「Dotmira のカタログにはどんなセクションがある？」

サインインできるアシスタント：Claude、ChatGPT

アシスタントのコネクター設定で、サーバーアドレス https://dotmira.com/mcp を追加し、Dotmira にサインインして「許可」をクリックします（OAuth 2.1）。たとえば、claude.ai と ChatGPT はこの方法で接続します。設定の場所は、アシスタントとそのアカウントによって異なります。

アシスタントがアクセスできるのはカタログだけです。氏名、メールアドレス、電話番号、支払い情報は参照できません。アカウントの「接続済みアプリ」から、またはアシスタントでコネクターを削除することで、いつでもアクセスを取り消せます。

お住まいの地域でアシスタント自体を利用できるかどうかは、その提供元が決めます。Anthropic と OpenAI は Claude と ChatGPT を利用できる国の一覧を公開していますが、すべての国が掲載されているわけではありません。Dotmira の MCP サーバーとレジストリは、お住まいの国に左右されません。

コードエディターとターミナルエージェント：個人用トークン

Cursor、VS Code、Claude Code、その他のリモートサーバーに接続してヘッダーを送信できる MCP クライアントは、個人用トークンで利用できます。アカウントの「MCP & registry」セクションでトークンを作成し、ヘッダー Authorization: Bearer dtm_… で送信してください。

設定	値
アドレス（URL）	https://dotmira.com/mcp
トランスポート	Streamable HTTP（クライアントの設定では「HTTP」または「streamable-http」）
ヘッダー	Authorization: Bearer <your token>

Cursor — ファイル .cursor/mcp.json：

{
  "mcpServers": {
    "dotmira": {
      "url": "https://dotmira.com/mcp",
      "headers": {
        "Authorization": "Bearer ${env:DOTMIRA_TOKEN}"
      }
    }
  }
}

VS Code — ファイル .vscode/mcp.json（初回接続時に VS Code がトークンを求めます）：

{
  "inputs": [
    {
      "type": "promptString",
      "id": "dotmira-token",
      "description": "Dotmira token (dtm_…)",
      "password": true
    }
  ],
  "servers": {
    "dotmira": {
      "type": "http",
      "url": "https://dotmira.com/mcp",
      "headers": {
        "Authorization": "Bearer ${input:dotmira-token}"
      }
    }
  }
}

Claude Code — ターミナルで実行します：

claude mcp add --transport http dotmira https://dotmira.com/mcp \
  --header "Authorization: Bearer $DOTMIRA_TOKEN"

接続を確認する

トークンと接続を確認するため、サーバーに直接リクエストします。

curl -s https://dotmira.com/mcp \
  -H "Authorization: Bearer $DOTMIRA_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"search_effects","arguments":{"query":"glow button","limit":3}}}'

サーバーはイベントストリームで応答します。data: 行には、見つかった要素を含む MCP（JSON-RPC）メッセージがコードなしで格納されます。

コンポーネントレジストリ（shadcn）

@dotmira レジストリは shadcn CLI に対応しています。npx shadcn@latest add を実行すると、要素のファイルがプロジェクトに直接追加されます。認証には同じ個人用トークンを使用します。

プログラムから利用する場合、レジストリは HTTP アドレスです。トークンを付けてリクエスト GET https://dotmira.com/r/<id>.json を送信すると、shadcn レジストリ形式（JSON）で要素が返されます。

応答コード：

• 401 — トークンがないか、トークンが正しくありません
• 403 — このアカウントではコードへのアクセスが許可されていません
• 404 — 該当する要素がありません
• 429 — リクエストが多すぎます。しばらくしてからもう一度お試しください

1. 個人用トークンを作成します：アカウント → MCP & registry → 「Create token」。 トークンを今すぐコピーしてください。表示されるのは一度だけです。Dotmira が保存するのはフィンガープリントのみです。

2. プロジェクトの components.json にレジストリを追加します。

   {
     "registries": {
       "@dotmira": {
         "url": "https://dotmira.com/r/{name}.json",
         "headers": {
           "Authorization": "Bearer ${DOTMIRA_TOKEN}"
         }
       }
     }
   }
   

3. トークンを .env.local に設定し（このファイルを git にコミットしないでください）、要素をインストールします。

   # .env.local
   DOTMIRA_TOKEN=dtm_…
   
   npx shadcn@latest add @dotmira/glow-button
   

• 要素 ID は、そのページのアドレス（…/e/<id>）または search_effects の応答に記載されています。
• React 要素はファイルと npm 依存関係とともにインストールされます。HTML/CSS 要素は components/dotmira/<id>/ 内のファイルとしてインストールされます。
• 各ファイルには、作者、ソース、ライセンス、個人用マークを記載したコメントが含まれています。
• shadcn MCP サーバー（npx shadcn@latest mcp）もこのレジストリに対応しています。アシスタントに @dotmira/glow-button の追加を依頼できます。

AI エージェントと自動化について

ユーザーに代わって動作する AI エージェントがコードを取得できるのは、そのユーザーのサインインまたはトークンを使って MCP サーバーまたはレジストリ経由で取得する場合に限られます。サイトの自動クロール、ページのスクレイピング、その他の方法でコードを収集することは、利用規約（第 5.1 条）で禁止されています。MCP サーバーやレジストリ経由で取得したコンテンツを含め、カタログのコンテンツを AI モデルのトレーニングに使用することも禁止されています（第 5.1 条および第 5.3 条）。検索エンジンや AI 検索・回答サービスは、サイトへのリンクを添えて公開ページを表示、引用できます（第 4.3 条）。

ルール

• MCP サーバーとレジストリは、データをトレーニングに使用しないアシスタントにのみ接続してください。または、アシスタントの設定でデータの使用を無効にしてください。これはライセンス条項（第 5.2 条）の条件です。
• トークンは一度だけ表示されます。Dotmira が保存するのはフィンガープリントのみです。取り消したトークンは直ちに使用できなくなります。
• アクセス権は個人に付与されます。同僚やクライアントを含め、誰にもトークンやアカウントへのアクセスを共有しないでください。
• コードから作者、ソース、ライセンス、個人用マークを削除したり、カタログのコードをコンポーネント集として公開したりしないでください。

利用条件の全文：ライセンス条項および利用規約。

質問と回答

Dotmira には API がありますか？

はい。リモート MCP サーバー（https://dotmira.com/mcp）と、shadcn 互換のコンポーネントレジストリ（https://dotmira.com/r/{name}.json）があります。どちらもオープンプロトコルで動作します。REST API や GraphQL API、SDK、OpenAPI の仕様書はありません。

Dotmira に MCP サーバーはありますか？

はい。https://dotmira.com/mcp にリモート MCP サーバーがあり、Streamable HTTP トランスポートに対応しています。OAuth 2.1 または個人用トークンでサインインできます。読み取り専用ツールが 4 つあります：search_effects、get_effect、list_categories、get_preview。

どの AI アシスタントやコードエディターで使えますか？

Streamable HTTP 経由でリモートサーバーに接続する、あらゆる MCP クライアントで使えます。このページには、claude.ai、ChatGPT、Cursor、VS Code、Claude Code の手順があります。

どの国で使えますか？

アシスタント自体が利用できる地域は、提供元によって決まります。Anthropic と OpenAI は Claude と ChatGPT が利用できる国の一覧を公開していますが、すべての国が含まれているわけではありません。Dotmira の MCP サーバーとレジストリは、利用者の国に依存しません。

REST API、SDK、OpenAPI の記述はありますか？

いいえ。プログラムから Dotmira を利用するには、MCP サーバーとレジストリを使います。レジストリは通常の HTTP リクエストに JSON で応答し、MCP サーバーは HTTP 経由の JSON-RPC リクエストに応答します。

AI アシスタントを使わずに、自分のプログラムから API を呼び出せますか？

はい。個人用トークンを使って呼び出せます。カタログ全体またはその大部分を抽出することは禁止されています（ライセンス条項、第 5.1 条）。

アシスタントは自分のアカウントについて何を知ることができますか？

カタログ以外の情報は知ることができません。氏名、メールアドレス、電話番号、支払い情報は見えません。アカウントの「接続済みアプリ」から、いつでもアクセスを取り消せます。

コマンドラインツールはありますか？

Dotmira 独自の CLI はありません。要素のインストールには shadcn CLI を使います — npx shadcn@latest add @dotmira/。

AI エージェントがサイトを閲覧して、自分でコードをコピーできますか？

いいえ。コードはサイト、MCP サーバー、レジストリを通じてのみ提供されます。サイトの自動クロールやコードの収集は、利用規約（第 5.1 条）で禁止されています。

コードを AI モデルのトレーニングに使用できますか？

いいえ。利用規約（第 5.1 条および第 5.3 条）とライセンス条項（第 5.1 条および第 5.2 条）で禁止されています。データを使ってトレーニングしないアシスタントのみを接続してください。

MCP サーバーとレジストリにはどのような違いがありますか？

MCP サーバーを使うと、アシスタントは会話の中でカタログを検索し、コードを取得できます。レジストリを使うと、要素 ID を指定して 1 つのコマンドで要素をインストールできます。どちらも同じ個人用トークンを使います。

要素 ID はどこで確認できますか？

要素ページのアドレス（…/e/）または search_effects の応答で確認できます。

更新日：2026 年 11 月 12 日