Skip to main content

How to Connect VS Code to StoriesOnBoard with the MCP Server

Learn how to connect your agent via StoriesOnBoard MCP server.

Written by Tamás Párványik

Contents:

Overview

The StoriesOnBoard MCP Server lets AI agents interact directly with your story maps: reading card hierarchies, creating and updating cards, scheduling releases, and more, all without leaving your editor. By connecting VS Code to the StoriesOnBoard MCP Server, your GitHub Copilot agent can become a fully context-aware product planning assistant right alongside your code.

How to Connect VS Code to StoriesOnBoard with the MCP Server

  1. Open VS code

  2. Type ">" and select "MCP: Add Server..." option

  3. Then choose HTTP option from the list

  4. Paste the connection URL :

  5. Select your workspace and complete the authentication process

  6. Open VS code again

  7. Your GitHub Copilot anent now can work on your story map

Benefits of using StoriesOnBoard MCP server

The StoriesOnBoard Model Context Protocol (MCP) server represents a paradigm shift in product management. Instead of the AI being a separate chatbot where you copy-paste text, the MCP server turns the AI into an active collaborator with a "hands-on" connection to your actual story map.

By using an MCP-compatible host (like Claude Desktop, Cursor, or IDEs), your AI agent can see, understand, and edit your product's DNA in real-time.

Here are the primary benefits of this integration:

Elimination of Manual Data Entry (Agentic Mapping)

The most immediate benefit is the transition from static documents to visual maps without the "manual labor."

  • The Benefit: You can provide a Software Requirements Document (SRD) or meeting notes to the AI and say, "Build the backbone and draft the first 20 stories."

  • How it works: The AI uses the CreateStoryMapCard tool to programmatically build the hierarchy (Activities → Tasks → Subtasks) in seconds, ensuring your map stays in sync with your latest documentation.

Intelligent Backlog Grooming & Quality Control

Backlog grooming is often the "chore" of product management. An AI agent can now perform this autonomously.

  • The Benefit: The AI can scan your map for "thin" cards (missing descriptions, story points, or priority) and proactively fill those gaps.

  • Contextual Awareness: By using GetStoryMapCardDetails, the AI reads existing team comments and attachments to synthesize accurate Acceptance Criteria (AC) that reflect real team discussions, not just generic AI guesses.

Strategic "Slice" Planning (MVP Development)

Deciding what goes into an MVP vs. a later release is a complex logic puzzle.

  • The Benefit: You can ask the AI to perform "Value-Based Slicing."

  • Example: "Identify the 'Happy Path' for a first-time user and move those cards to the MVP release." The AI evaluates the entire map and uses the UpdateStoryMapCard tool to reorganize your releases strategically.

Real-Time Gap Analysis

Because the AI can "see" the entire horizontal journey, it can spot architectural holes that humans might miss in a flat list.

  • The Benefit: You can prompt the AI to find missing edge cases.

  • Example: "Look at our checkout flow. Did we account for a scenario where the user's payment method expires mid-session?" If not, the AI can instantly create the necessary cards to bridge that gap.

Bridging the "Context Gap" for Developers

When developers use AI-powered IDEs (like Cursor or Windsurf) connected to StoriesOnBoard via MCP, the AI understands the "Why" behind the code.

  • The Benefit: The AI doesn't just see the code; it sees the User Story and the Activity it belongs to.

  • The Result: This leads to more accurate code generation and fewer "reworks" because the AI has the full business context of the feature it is helping to build.


Learn more about:

Did this answer your question?