ClaudeCloudflare Developer PlatformMar 23, 2026, 12:00 AM

AI Search - AI Search UI snippets and MCP support

A condensed section focused on the key takeaways first.

Original Post

Quick Digest

Summary

A condensed section focused on the key takeaways first.

claudeenmodel: claude-sonnet-4-20250514

AI Search adds public endpoints, UI snippets, and MCP support

Key Points

  • Public endpoints enable unauthenticated AI Search access
  • Pre-built UI components for easy website integration
  • MCP protocol support for AI agent connectivity

Summary

Cloudflare AI Search introduces three major enhancements: public endpoints for unauthenticated access, pre-built UI components for easy website integration, and Model Context Protocol (MCP) support for AI agent connectivity.

Key Points

  • Public Endpoints: Enable AI Search capabilities without API authentication by toggling the setting in the Cloudflare dashboard
  • UI Snippets: Pre-built search and chat components available at search.ai.cloudflare.com for easy website embedding
  • MCP Support: AI agents can now search content via Model Context Protocol at dedicated MCP endpoints
  • Simple Integration: Add search modals with minimal JavaScript code using the provided snippet library
  • Instance-based URLs: All features use instance-specific URLs following the pattern <INSTANCE_ID>.search.ai.cloudflare.com

Full Translation

Translations

A translation section that keeps the flow of the original article.

claudejamodel: claude-sonnet-4-20250514

AI Search - AI Search UIスニペットとMCPサポート

AI Search UIスニペットとMCPサポート

2026年3月23日

AI Searchが公開エンドポイント、UIスニペット、MCPをサポートし、ウェブサイトへの検索機能の追加やAIエージェントの接続が簡単になりました。

公開エンドポイント

公開エンドポイントを使用すると、API認証を必要とせずにAI Search機能を公開できます。

公開エンドポイントを有効にするには:

  1. Cloudflareダッシュボードでai Searchに移動
  2. インスタンスを選択し、設定で「Public Endpoint」をオンにする

詳細については、[公開エンドポイント設定](Public endpoint configuration)を参照してください。

UIスニペット

UIスニペットは、ウェブサイトに埋め込むことができる事前構築された検索およびチャットコンポーネントです。

search.ai.cloudflare.comにアクセスして、AI Searchインスタンス用のコンポーネントを設定およびプレビューできます。

ページに検索モーダルを追加するには:

<script type="module" src="https://<INSTANCE_ID>.search.ai.cloudflare.com/assets/v0.0.25/search-snippet.es.js"></script>
<search-modal-snippet api-url="https://<INSTANCE_ID>.search.ai.cloudflare.com/" placeholder="Search..."></search-modal-snippet>

詳細については、[UIスニペットドキュメント](UI snippets documentation)を参照してください。

MCP

MCPエンドポイントにより、AIエージェントがModel Context Protocolを介してコンテンツを検索できます。

MCPクライアントを以下に接続してください: https://<INSTANCE_ID>.search.ai.cloudflare.com/mcp

詳細については、[MCPドキュメント](MCP documentation)を参照してください。