How should design-stack-mcp-server be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this mcp.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

Crawler Summary

design-stack-mcp-server answer-first brief

Standalone MCP server for BrowserStack Design Stack - provides AI assistants with tools to search components, get documentation, and help developers use the design system BrowserStack Design Stack MCP Server A standalone Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to BrowserStack's design system components. This server extracts and serves structured metadata about React components from both source code (using react-docgen) and Storybook files. Features - 🔍 **Component Search**: Search for components by name, functionality, or use case - � Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

Freshness

Last checked 2/22/2026

Best For

Contract is available with explicit auth and schema references.

Not Ideal For

design-stack-mcp-server is not ideal for teams that need stronger public trust telemetry, lower setup complexity, or more explicit contract coverage before production rollout.

Evidence Sources Checked

editorial-content, capability-contract, runtime-metrics, public facts pack

Card Facts Snapshot Contract Trust

Claim this agent

Agent DossierGitHubSafety: 80/100

design-stack-mcp-server

MCPverified

Public facts

Change events

Artifacts

Freshness

Feb 22, 2026

Verifiededitorial-content1 verified compatibility signal

Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

Schema refs publishedTrust evidence available

Trust score

Unknown

Compatibility

MCP

Freshness

Feb 22, 2026

Vendor

Nimit9

Artifacts

Benchmarks

Last release

1.0.0

Executive Summary

Key links, install path, and a quick operational read before the deeper crawl record.

Verifiededitorial-content

Summary

Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

View Source

Setup snapshot

git clone https://github.com/nimit9/design-stack-mcp-server.git

1
Setup complexity is MEDIUM. Standard integration tests and API key provisioning are required before connecting this to production workloads.
2
Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Evidence Ledger

Everything public we have scraped or crawled about this agent, grouped by evidence type with provenance.

Verifiededitorial-content

Vendor (1)

Vendor

Nimit9

profilemedium

Observed Feb 24, 2026Source link Provenance

Compatibility (2)

Protocol compatibility

MCP

contracthigh

Observed Feb 24, 2026Source link Provenance

Auth modes

mcp, api_key

contracthigh

Observed Feb 24, 2026Source link Provenance

Artifact (1)

Machine-readable schemas

OpenAPI or schema references published

contracthigh

Observed Feb 24, 2026Source link Provenance

Security (1)

Handshake status

UNKNOWN

trustmedium

Observed unknownSource link Provenance

Integration (1)

Crawlable docs

6 indexed pages on the official domain

search_documentmedium

Observed Apr 15, 2026Source link Provenance

Release & Crawl Timeline

Merged public release, docs, artifact, benchmark, pricing, and trust refresh events.

Self-declaredagent-index

Docs Update

Docs refreshed: Sign in to GitHub · GitHub

search_documentmedium

Fresh crawlable documentation was indexed for the official domain.

Observed Apr 15, 2026

Artifacts Archive

Extracted files, examples, snippets, parameters, dependencies, permissions, and artifact metadata.

Self-declaredGITHUB MCP

Extracted files

Examples

Snippets

Languages

typescript

Executable Examples

bash

npm install

bash

cp .env.example .env
# Edit .env and set DESIGN_STACK_PATH to your design system location

env

# Required: Path to your design system package
DESIGN_STACK_PATH=/path/to/your/design-stack

# Optional: Enable debug logging
DEBUG=false

# Optional: Enable caching (future feature)
ENABLE_CACHE=false

bash

npm start

bash

npm test

json

{
  "mcpServers": {
    "design-stack": {
      "command": "node",
      "args": ["/path/to/design-stack-mcp-server/src/index.js"],
      "env": {
        "DESIGN_STACK_PATH": "/path/to/your/design-stack"
      }
    }
  }
}

Docs & README

Full documentation captured from public sources, including the complete README when available.

Self-declaredGITHUB MCP

Docs source

GITHUB MCP

Editorial quality

ready

Full README

BrowserStack Design Stack MCP Server

A standalone Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to BrowserStack's design system components. This server extracts and serves structured metadata about React components from both source code (using react-docgen) and Storybook files.

Features

🔍 Component Search: Search for components by name, functionality, or use case
📖 Detailed Component Info: Get comprehensive prop information from both react-docgen and Storybook
📋 Component Listing: Browse all available components in the design system
🔍 Props Analysis: Compare prop information between different sources
🎯 Real Usage Examples: Extract actual usage examples from Storybook stories
⚙️ Configurable Paths: Use environment variables to point to any design system location

Installation

Clone or copy this repository to your desired location (outside the frontend repo)
Install dependencies:

npm install

Configure the design system path:

cp .env.example .env
# Edit .env and set DESIGN_STACK_PATH to your design system location

Configuration

Set the following environment variables in your .env file:

# Required: Path to your design system package
DESIGN_STACK_PATH=/path/to/your/design-stack

# Optional: Enable debug logging
DEBUG=false

# Optional: Enable caching (future feature)
ENABLE_CACHE=false

Usage

As an MCP Server

Start the server for use with MCP-compatible tools:

npm start

Testing Locally

Run the test script to verify functionality:

npm test

Available MCP Tools

The server provides these tools to AI assistants:

1. `search_components`

Search for components by name or functionality.

Parameters:

query (string): Search term
limit (number, optional): Max results (default: 10)

2. `get_component_info`

Get detailed information about a specific component.

Parameters:

componentName (string): Name of the component (e.g., "Accordion", "Button")

3. `list_all_components`

Get a list of all available components in the design system.

Parameters: None

4. `analyze_component_props`

Compare prop information between react-docgen and Storybook sources.

Parameters:

componentName (string): Name of the component to analyze

Integration with AI Tools

Claude Desktop (MCP)

Add this configuration to your Claude Desktop MCP settings:

{
  "mcpServers": {
    "design-stack": {
      "command": "node",
      "args": ["/path/to/design-stack-mcp-server/src/index.js"],
      "env": {
        "DESIGN_STACK_PATH": "/path/to/your/design-stack"
      }
    }
  }
}

VS Code Extensions

The server can be integrated with VS Code extensions that support MCP protocol.

How It Works

Component Analysis

The server analyzes components from two sources:

React-docgen: Extracts props from component source code, including:
- Prop types and names
- Required/optional status
- Default values
- JSDoc descriptions
Storybook argTypes: Extracts props from Storybook configuration:
- Rich descriptions
- Control types
- Default values
- Type summaries

Example Extraction

The server extracts real usage examples from Storybook stories:

Template-based stories: Extracts simple props from .args configurations
Functional stories: Extracts component usage from exported functions
Complex examples: Handles nested JSX and complex prop values

Data Merging

Props from both sources are intelligently merged:

Storybook descriptions are preferred (usually more comprehensive)
Type information is combined from both sources
Source tracking shows where each piece of information originated

Example Output

# Accordion

**Description:** The Accordion component provides a way to toggle the visibility of content sections.

## Props:
  • **defaultOpen**: boolean [storybook]
    Determines whether the Accordion is to be open by default.
  • **children**: node (required) [react-docgen, storybook]
    The content to be rendered inside the Accordion.
  • **wrapperClassName**: string [storybook]
    A custom CSS class name to style the wrapper of the Accordion component.

## Examples from Storybook:
  **InteractiveAccordion**:
  ```jsx
  <Accordion defaultOpen={true} />

InteractiveAccordion example from Storybook

File Locations:

Component: /path/to/design-stack/modules/Accordion/index.jsx
Storybook: /path/to/design-stack/modules/Accordion/Accordion.stories.jsx


## Development

### Project Structure

design-stack-mcp-server/ ├── src/ │ ├── index.js # MCP server implementation │ └── component-analyzer.js # Component analysis logic ├── .env.example # Environment configuration template ├── .env # Local environment configuration ├── package.json # Dependencies and scripts └── README.md # This file


### Adding New Features

The server is designed to be extensible. You can add new tools by:

1. Adding new functions to `component-analyzer.js`
2. Registering new tools in `index.js` using `server.tool()`
3. Testing with the test script

### Debug Mode

Enable debug logging to troubleshoot issues:

```bash
echo "DEBUG=true" >> .env
npm start

Requirements

Node.js 18+
Design system with React components
Storybook files (optional but recommended for better descriptions)

License

MIT License - see package.json for details.

Contract & API

Machine endpoints, protocol fit, contract coverage, invocation examples, and guardrails for agent-to-agent use.

Verifiedcapability-contract

Endpoints

Dossier API Snapshot API Contract API Trust API

Contract coverage

Status

ready

Auth

mcp, api_key

Streaming

Data region

global

Protocol support

MCP: verified

Requires: mcp, lang:typescript

Forbidden: none

Guardrails

Operational confidence: medium

Contract is available with explicit auth and schema references.

Trust confidence is not low and verification freshness is acceptable.

Protocol support is explicitly confirmed in contract metadata.

Invocation examples

curl -s "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/snapshot"

curl -s "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract"

curl -s "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/trust"

Reliability & Benchmarks

Trust and runtime signals, benchmark suites, failure patterns, and practical risk constraints.

Missingruntime-metrics

Trust signals

Handshake

UNKNOWN

Confidence

unknown

Attempts 30d

unknown

Fallback rate

unknown

Runtime metrics

Observed P50

unknown

Observed P95

unknown

Rate limit

unknown

Estimated cost

unknown

No benchmark suites or observed failure patterns are available.

Media & Demo

Every public screenshot, visual asset, demo link, and owner-provided destination tied to this agent.

Missingno-media

No screenshots, media assets, or demo links are available.

Related Agents

Neighboring agents from the same protocol and source ecosystem for comparison and shortlist building.

Self-declaredprotocol-neighbors

GITLAB_AI_CATALOGgitlab-mcp

Rank

A Model Context Protocol (MCP) server for GitLab

Traction

No public download signal

Freshness

Updated 2d ago

MCP

GITLAB_PUBLIC_PROJECTSgitlab-mcp

Rank

A Model Context Protocol (MCP) server for GitLab

Traction

No public download signal

Freshness

Updated 2d ago

MCP

GITLAB_AI_CATALOGrmcp-openapi

Rank

Expose OpenAPI definition endpoints as MCP tools using the official Rust SDK for the Model Context Protocol (https://github.com/modelcontextprotocol/rust-sdk)

Traction

No public download signal

Freshness

Updated 2d ago

MCP

GITLAB_AI_CATALOGrmcp-actix-web

Rank

An actix_web backend for the official Rust SDK for the Model Context Protocol (https://github.com/modelcontextprotocol/rust-sdk)

Traction

No public download signal

Freshness

Updated 2d ago

MCP

Machine Appendix

Contract JSON

{
  "contractStatus": "ready",
  "authModes": [
    "mcp",
    "api_key"
  ],
  "requires": [
    "mcp",
    "lang:typescript"
  ],
  "forbidden": [],
  "supportsMcp": true,
  "supportsA2a": false,
  "supportsStreaming": false,
  "inputSchemaRef": "https://github.com/nimit9/design-stack-mcp-server#input",
  "outputSchemaRef": "https://github.com/nimit9/design-stack-mcp-server#output",
  "dataRegion": "global",
  "contractUpdatedAt": "2026-02-24T19:46:38.687Z",
  "sourceUpdatedAt": "2026-02-24T19:46:38.687Z",
  "freshnessSeconds": 4433620
}

Invocation Guide

{
  "preferredApi": {
    "snapshotUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/snapshot",
    "contractUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "trustUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/trust"
  },
  "curlExamples": [
    "curl -s \"https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/snapshot\"",
    "curl -s \"https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract\"",
    "curl -s \"https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/trust\""
  ],
  "jsonRequestTemplate": {
    "query": "summarize this repo",
    "constraints": {
      "maxLatencyMs": 2000,
      "protocolPreference": [
        "MCP"
      ]
    }
  },
  "jsonResponseTemplate": {
    "ok": true,
    "result": {
      "summary": "...",
      "confidence": 0.9
    },
    "meta": {
      "source": "GITHUB_MCP",
      "generatedAt": "2026-04-17T03:20:18.993Z"
    }
  },
  "retryPolicy": {
    "maxAttempts": 3,
    "backoffMs": [
      500,
      1500,
      3500
    ],
    "retryableConditions": [
      "HTTP_429",
      "HTTP_503",
      "NETWORK_TIMEOUT"
    ]
  }
}

Trust JSON

{
  "status": "unavailable",
  "handshakeStatus": "UNKNOWN",
  "verificationFreshnessHours": null,
  "reputationScore": null,
  "p95LatencyMs": null,
  "successRate30d": null,
  "fallbackRate": null,
  "attempts30d": null,
  "trustUpdatedAt": null,
  "trustConfidence": "unknown",
  "sourceUpdatedAt": null,
  "freshnessSeconds": null
}

Capability Matrix

{
  "rows": [
    {
      "key": "MCP",
      "type": "protocol",
      "support": "supported",
      "confidenceSource": "contract",
      "notes": "Confirmed by capability contract"
    },
    {
      "key": "mcp",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    },
    {
      "key": "model-context-protocol",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    },
    {
      "key": "design-system",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    },
    {
      "key": "browserstack",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    },
    {
      "key": "ai-tools",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    },
    {
      "key": "cli",
      "type": "capability",
      "support": "supported",
      "confidenceSource": "profile",
      "notes": "Declared in agent profile metadata"
    }
  ],
  "flattenedTokens": "protocol:MCP|supported|contract capability:mcp|supported|profile capability:model-context-protocol|supported|profile capability:design-system|supported|profile capability:browserstack|supported|profile capability:ai-tools|supported|profile capability:cli|supported|profile"
}

Facts JSON

[
  {
    "factKey": "docs_crawl",
    "category": "integration",
    "label": "Crawlable docs",
    "value": "6 indexed pages on the official domain",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true
  },
  {
    "factKey": "protocols",
    "category": "compatibility",
    "label": "Protocol compatibility",
    "value": "MCP",
    "href": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "sourceUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "sourceType": "contract",
    "confidence": "high",
    "observedAt": "2026-02-24T19:46:38.687Z",
    "isPublic": true
  },
  {
    "factKey": "auth_modes",
    "category": "compatibility",
    "label": "Auth modes",
    "value": "mcp, api_key",
    "href": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "sourceUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "sourceType": "contract",
    "confidence": "high",
    "observedAt": "2026-02-24T19:46:38.687Z",
    "isPublic": true
  },
  {
    "factKey": "schema_refs",
    "category": "artifact",
    "label": "Machine-readable schemas",
    "value": "OpenAPI or schema references published",
    "href": "https://github.com/nimit9/design-stack-mcp-server#input",
    "sourceUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/contract",
    "sourceType": "contract",
    "confidence": "high",
    "observedAt": "2026-02-24T19:46:38.687Z",
    "isPublic": true
  },
  {
    "factKey": "vendor",
    "category": "vendor",
    "label": "Vendor",
    "value": "Nimit9",
    "href": "https://github.com/nimit9/design-stack-mcp-server",
    "sourceUrl": "https://github.com/nimit9/design-stack-mcp-server",
    "sourceType": "profile",
    "confidence": "medium",
    "observedAt": "2026-02-24T19:43:14.176Z",
    "isPublic": true
  },
  {
    "factKey": "handshake_status",
    "category": "security",
    "label": "Handshake status",
    "value": "UNKNOWN",
    "href": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/trust",
    "sourceUrl": "https://xpersona.co/api/v1/agents/mcp-nimit9-design-stack-mcp-server/trust",
    "sourceType": "trust",
    "confidence": "medium",
    "observedAt": null,
    "isPublic": true
  }
]

Change Events JSON

[
  {
    "eventType": "docs_update",
    "title": "Docs refreshed: Sign in to GitHub · GitHub",
    "description": "Fresh crawlable documentation was indexed for the official domain.",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true
  }
]

design-stack-mcp-server answer-first brief

Executive Summary

Evidence Ledger

Release & Crawl Timeline

Artifacts Archive

Docs & README

BrowserStack Design Stack MCP Server

Features

Installation

Configuration

Usage

As an MCP Server

Testing Locally

Available MCP Tools

1. search_components

2. get_component_info

3. list_all_components

4. analyze_component_props

Integration with AI Tools

Claude Desktop (MCP)

VS Code Extensions

How It Works

Component Analysis

Example Extraction

Data Merging

Example Output

File Locations:

Requirements

License

Contract & API

Reliability & Benchmarks

Media & Demo

Related Agents

1. `search_components`

2. `get_component_info`

3. `list_all_components`

4. `analyze_component_props`