Skip to main content

Vibe Coding with ART

Build real-time applications by describing what you want in simple prompts.

With ART’s MCP Server, you can connect your IDE in minutes and let your AI assistant generate working real-time systems for you. No boilerplate. No setup heavy lifting. No need to learn the ART ADKs upfront.

This is realtime development without the usual setup friction.

Prerequisites​

  • The ART MCP Server URL: https://dev.arealtimetech.com/docs/mcp
  • An IDE or AI assistant with MCP support.

Supported environments​

  • Cursor IDE
  • GitHub Copilot (VS Code)
  • Claude Code (VS Code)
  • Antigravity IDE
  • Any AI assistant that supports MCP

Setup​

Option 1: Using Command Palette (Preferred)

  1. Open VS Code → press Cmd/Ctrl+Shift+P.
  2. Run: MCP: Add Server.
  3. Choose HTTP MCP.
  4. Fill:
    • URL: https://dev.arealtimetech.com/docs/mcp
  5. Done → run any prompt
Option 2: JSON Configuration (Advanced)

Step-by-step:

  1. Open your VS Code project.
  2. Create .vscode/mcp.json (or ~/.vscode/mcp.json globally).
  3. Paste the following JSON configuration:
{
  "servers": {
    "art-mcp-server": {
      "type": "http",
      "url": "https://dev.arealtimetech.com/docs/mcp"
    }
  }
}
  1. Save the file → click Enable when prompted.
  2. Go to Settings → MCP → confirm art is enabled.

In your IDE: “Use ART MCP and list tools.”

note

NOTE: Enable Agent Mode

ART MCP requires Agent Mode to be enabled.
Agent Mode allows the assistant to:

  • Call MCP tools.
  • Plan multi-step workflows.
  • Generate code using ART services.

If Agent Mode is disabled, the assistant will respond with text only and won’t use ART MCP.

Sample prompts​

Here are sample prompts that demonstrate various features of the ART ecosystem. Use these to explore realtime communication, security, collaboration, and more:

Messaging & Communication Prompts
  • Build an ART app for peer-to-peer messaging with real-time user presence and status updates.
  • Using the ART, write me a chat application that can send and receive messages using the JavaScript ADK(preferred ADK) ADK
  • Create a group chat application using ART's Group Channels, including user presence tracking.
Collaboration & Real-time Sync Prompts
  • Develop a collaborative document editor with ART's Shared Object Channels for real-time synchronization using CRDTs.
  • Develop a real-time dashboard using ART's Shared Object Channels to synchronize metrics across multiple users.
Security & Access Control Prompts
  • Set up a secure messaging system with ART's Encrypted Channels for end-to-end encryption and perfect forward secrecy.
  • Set up Role-Based Access Control (RBAC) in ART to manage permissions for subscribing, publishing, and listening to channels.
  • Develop a secure transaction system using ART's Encrypted Channels and RBAC for role-based access.
Message Processing & Orchestration Prompts
  • Implement message interception in ART to filter and transform messages in real-time using synchronous interceptors.
  • Design a workflow with ART's Message Orchestrator to route customer support messages based on keywords and user roles.
  • Configure guaranteed message delivery in ART for critical communications in Targeted Channels.
  • Create an orchestrated flow in ART that combines interceptors, agents, and channels for automated decision-making.
AI & Automation Prompts
  • Build an AI agent using ART's Agent Builder that integrates with MCP servers for domain-specific knowledge and API calls.
  • Configure webhooks in ART to trigger external actions like sending emails or updating CRMs when messages are sent.
Cross-Platform Development Prompts
  • Build a Flutter app using ART's Flutter ADK for cross-platform real-time messaging.
  • Use ART's Python ADK to create a backend service that handles real-time data processing and channel subscriptions.

What next?​

Now that the ART MCP Server is connected, your AI assistant can actively use ART’s real-time platform. Start by building an end-to-end real-time flow, for example:

  • A chat system with live presence and access rules.
  • A shared state that stays synchronized across users.
  • An event flow that routes messages based on roles or conditions.

Once your flow is in place, enhance it instead of starting from scratch:

  • Add encryption or guaranteed delivery for secure and reliable communication.
  • Introduce interceptors to inspect or transform messages in real-time.
  • Use the Message Orchestrator to route events dynamically.
  • Connect an AI agent into the live flow for intelligent automation.

You can also ask your assistant to:

  • Explain which ART components were used and why.
  • Refactor the generated output into a specific ART ADK.
  • Simulate how the flow behaves under load or failure conditions.

When you need deeper control or customization, you can switch to using the ART ADKs directly. MCP speeds up system creation, but all generated flows run on the ART platform.

If you can describe a real-time flow, ART MCP can wire it for you.

That's it. Plan, Build, vibe.

Happy coding!