Builderio Visual CMSをChatGPTとClaudeに接続

• 01 / 02HTMLを監査する
• 02 / 02コンテンツの更新方法

最速日

804ms

最遅日

1157ms

14日間の傾向

安定+1%

Builder.io Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Builder.io capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "builderio-visual-cms-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

各クライアントの手順ガイドはこちらです。 接続方法

Claude向けのガイド付きセットアップ？ Builder.ioをClaudeや他のAIに設定する

このConnectorが対応するすべてのAIクライアントを見る ↑

• 01

  開発者

  Builderダッシュボードに切り替えることなく、IDEから直接CMSコンテンツのクエリや更新を行えます。

• 02

  コンテンツマネージャー

  自然言語による指示を用いて、大量のコンテンツ更新や移行作業を自動化できます。

• 03

  マーケティングチーム

  コンテンツのターゲティング設定や、SEO確認用の事前レンダリング済みHTMLを迅速に検証できます。

• 01

  Do I need a Private API Key?

  You only need a Public Key to read content. If you want to create, update, or delete content and assets, you must provide a Private API Key.

• 02

  Which AI clients can I use with this MCP?

  You can use this MCP with any compatible client, including Claude, Cursor, Windsurf, and VS Code.

• 03

  Can I run custom GraphQL queries?

  Yes. You can use the query_graphql capability for standard content or admin_graphql for administrative mutations.

• 04

  How does the agent handle image uploads?

  You can provide an image URL to the agent, and it will use the upload_asset capability to move that file into your Builder.io library.

• 05

  Is my data hosted by Vinkius?

  Vinkius hosts the MCP and manages the connection and credentials, so you don't have to run it locally.

• 06

  Can I fetch pre-rendered HTML for my components instead of raw JSON?

  Yes! Use the get_html capability. It returns pre-rendered HTML for a specific model and URL, which is perfect for quick inspections or server-side integrations.

• 07

  Do I need a Private API Key to use this server?

  A Public Key is required for all read operations (get_content, query_graphql). However, a Private Key is mandatory for write operations like create_content, update_content, or admin_graphql.

• 08

  Can I perform administrative tasks like managing Spaces or Models?

  Yes, the admin_graphql capability allows you to execute administrative queries and mutations against the Builder Admin API, provided you have supplied a Private API Key.

• 

  Contentstack AIコネクタ

  Manage headless CMS via Contentstack — list and create entries, audit content types, handle media assets, and

  表示
• 

  Builder.io AIコネクタ

  Manage your visual CMS via Builder.io — track content entries, models, and symbols directly from any AI agent.

  表示
• 

  Contentful AIコネクタ

  Equip your AI agent to fetch, create, and manage digital content effortlessly using Contentful's headless arch

  表示
• 

  Storyblok AIコネクタ

  Connect your AI to Storyblok. Manage content spaces, craft data stories, and orchestrate headless CMS elements

  表示

おすすめ

• 

  Kentico (CMS & DXP) AIコネクタ

  Manage content and system objects via Kentico Xperience — retrieve documents, manage users, and audit custom t

  表示
• 

  Magnolia (Enterprise Headless CMS) AIコネクタ

  Manage enterprise content via Magnolia CMS — query JCR nodes, audit template schemas, and orchestrate headless

  表示
• 

  Agility CMS AIコネクタ

  Manage and query your Agility CMS content through AI — navigate sitemaps, search lists, and fetch layouts.

  表示
• 

  Cosmic (Headless CMS & Content API) AIコネクタ

  Manage your content, media, and object types via Cosmic — list objects, create content, and handle media asset

  表示