Rxjs Mcp Server
About
Execute, debug, and visualize RxJS streams directly from AI assistants like Claude.
Details
- Author
- shuji-bonji
- Downloads
- 328
- Categories
- Developer Tools, Other
Jump to
- Execute RxJS code and capture stream emissions with timeline visualization
- Generate ASCII marble diagrams from event data
- Analyze operator chains for performance and best practices
- Detect potential memory leaks and missing cleanup patterns
- Provide production-ready patterns for common RxJS use cases
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Rxjs Mcp ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install globally with npm install -g @shuji-bonji/rxjs-mcp or use via npx @shuji-bonji/rxjs-mcp. Add the server configuration to your MCP client (e.g., Claude Desktop, VS Code, Cursor) using npx @shuji-bonji/rxjs-mcp as the command and argument. Once configured, you can invoke the available tools (e.g., execute_stream, generate_marble, detect_memory_leak) from your AI assistant.
execute_stream
Execute RxJS code in an isolated environment and capture the stream emissions, timeline, and performance metrics. Code runs in a separate worker thread for security.
generate_marble
Generate ASCII marble diagrams to visualize RxJS stream emissions over time
analyze_operators
Analyze RxJS code for creation functions, operators, performance patterns, and best practices
detect_memory_leak
Analyze RxJS code for potential memory leaks and subscription management issues. Recognizes modern auto-cleanup patterns (takeUntilDestroyed, async pipe, useEffect cleanup, onUnmounted) to avoid false positives.
suggest_pattern
Suggest RxJS patterns and best practices for common use cases
lint_rxjs
Lint RxJS code snippets for common issues and best practices (regex-based best-effort analysis, no ESLint runtime required). Based on eslint-plugin-rxjs-x rules. Checks for nested subscribes, memory leaks, deprecated patterns, and more. Rules marked as type-info-required use heuristics and may have false positives/negatives. Supports framework-specific rules for Angular, React, and Vue.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"rxjs mcp server": {
"rxjs": {
"command": "npx",
"args": [
"@shuji-bonji/rxjs-mcp"
]
}
}
}
}
McpServers
{
"rxjs": {
"command": "npx",
"args": [
"@shuji-bonji/rxjs-mcp"
]
}
}
⚠️ This is an unofficial community project, not affiliated with RxJS team.
Execute, debug, and visualize RxJS streams directly from AI assistants like Claude.
- Execute RxJS code and capture emissions
- Timeline visualization with timestamps
- Memory usage tracking
- Support for all major RxJS operators
- Generate ASCII marble diagrams
- Visualize stream behavior over time
- Automatic pattern detection
- Clear legend and explanations
- Analyze operator chains for performance
- Detect potential issues and bottlenecks
- Suggest alternative approaches
- Categorize operators by function
- Get battle-tested RxJS patterns
- Framework-specific implementations
- Common use cases covered:
- HTTP retry with backoff
- Search typeahead
- WebSocket reconnection
- Form validation
- State management
- And more...
# Install globally npm install -g @shuji-bonji/rxjs-mcp # Or use with npx npx @shuji-bonji/rxjs-mcp
Add to~/Library/Application Support/Claude/claude_desktop_config.json:
{ "mcpServers": { "rxjs": { "command": "npx", "args": ["@shuji-bonji/rxjs-mcp"] } } }
{ "mcpServers": { "rxjs": { "command": "npx", "args": ["@shuji-bonji/rxjs-mcp"] } } }
{ "mcpServers": { "rxjs": { "command": "npx", "args": ["@shuji-bonji/rxjs-mcp"] } } }
Execute RxJS code and capture stream emissions with timeline.
The tool accepts either an expression that evaluates to an Observable, or a snippet ending in such an expression —returnis optional.
// ✅ Trailing expression (v0.2.0+): the last expression is returned implicitly interval(100).pipe( take(5), map((x) => x 2), ); // ✅ Declaration + trailing reference const stream$ = interval(100).pipe( take(5), map((x) => x 2), ); stream$; // ✅ Explicit return (always works) return interval(100).pipe( take(5), map((x) => x 2), );
Generate ASCII marble diagrams from event data.
// Input: array of timed events [ { time: 0, value: 'A' }, { time: 50, value: 'B' }, { time: 100, value: 'C' }, ]; // Output: A----B----C--|
Analyze RxJS operator chains for performance and best practices.
// Analyzes chains like: source$.pipe( map((x) => x 2), filter((x) => x > 10), switchMap((x) => fetchData(x)), retry(3), );
Detect potential memory leaks and missing cleanup.
Get production-ready patterns for common use cases.
- http-retry- Resilient HTTP with retry
- search-typeahead- Debounced search
- polling- Smart polling with backoff
- websocket-reconnect- Auto-reconnecting WebSocket
- form-validation- Reactive form validation
- state-management- Simple state store
- cache-refresh- Cache with refresh strategy
- And more...
Lint RxJS code snippets for common issues and best practices. Based oneslint-plugin-rxjs-xrules.
// Parameters: { code: string; // RxJS code to lint config?: 'recommended' | 'strict'; // Rule set (default: recommended) framework?: 'angular' | 'react' | 'vue' | 'none'; // Framework context rules?: string[]; // Specific rules to check (overrides config) }
- recommended— 20 rules covering the most common issues
- strict— All rules including style checks (finnish, no-exposed-subjects, etc.)
User: "Execute this RxJS stream and show me the output" Claude: I'll execute that RxJS stream for you. [Uses execute_stream tool] ## Stream Execution Result ✅ Completed Execution Time: 523ms Values Emitted: 5 ### Emitted Values [0, 2, 4, 6, 8]
User: "Show me how to implement search with RxJS" Claude: I'll show you the search typeahead pattern. [Uses suggest_pattern tool with useCase: 'search-typeahead'] ## Search Typeahead with Debounce [Full implementation with explanation]
Theexecute_streamtool runs user-provided code in anisolated Worker threadto prevent:
- Main process pollution
- Resource leaks from infinite loops or timers
- Access to sensitive Node.js APIs (process, fs, etc.)
Execution is forcefully terminated if it exceeds the configured timeout.
# Clone the repository git clone https://github.com/shuji-bonji/rxjs-mcp-server cd rxjs-mcp-server # Install dependencies npm install # Build npm run build # Run tests npm test # Unit tests (vitest) npm run test:mcp # MCP integration test npm run test:inspector # MCP Inspector (GUI) # Run in development npm run dev
Releases are automated via GitHub Actions and published to npm usingTrusted Publisher (OIDC)— no static tokens are used, and every release carries an npm provenance attestation. SeeRELEASING.mdfor the full workflow (and initial npm setup).
- Angular MCP- For Angular project scaffolding
- TypeScript MCP- For type checking
- ESLint MCP- For code quality
Future Meta-MCP integration will allow seamless coordination between these tools.
┌─────────────────┐ │ AI Assistant │ │ (Claude, etc) │ └────────┬────────┘ │ MCP Protocol │ ┌────────┴────────┐ │ RxJS MCP Server│ ├─────────────────┤ │ • execute_stream│ │ • generate_marble│ │ • analyze_operators│ │ • detect_memory_leak│ │ • suggest_pattern│ │ • lint_rxjs │ └─────────────────┘
Since v0.3.0,analyze_operatorsoutputs three-tier documentation links for each operator and creation function:
Why include the community guide alongside official docs?
-rxjs.dev is a client-rendered SPA.AI assistants cannot fetch its content — HTTP requests return an empty shell with JavaScript loaders. The official site is therefore a "link to hand to humans," not a source AI can read.
GitHub source provides raw truth.The RxJS source code (pinned at tag7.8.2) contains JSDoc, type signatures, and implementation details. This is the primary reference for AI assistants.
The bilingual guide adds learning context.It organizes operators by use-case (not just alphabetically), provides runnable examples, and offers Japanese translations. For Japanese-speaking users or learners, this fills a gap that neither rxjs.dev nor raw source addresses.
When the MCP server outputs references, it follows this priority:
- officialUrl— always shown (authority, human-readable)
- sourceUrl— shown when available (AI should read this)
- guideUrl— shown when the page exists (supplementary)
If a guide page does not yet exist for an operator, the field is simply omitted (no broken link). Coverage is tracked by theURL validation CI.
Currently there is no runtime option to excludeguideUrlfrom output. If you prefer official-only references, you can fork this server or open a feature request. A future version may support a--references=official,sourceflag.
Contributions are welcome! Please feel free to submit a PR.
- GitHub Repository
- RxJS Documentation
- Model Context Protocol
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
A stateful LSP runtime for AI agents: warm language server sessions with 50+ tools for go-to-definition, find-references, diagnostics, rename, and more across 30+ languages.
MCP server for the Brainfuck programming language that allows your favourite LLM to debug Brainfuck programs.
Diagnoses token waste in Claude Code sessions with 6 anomaly types and severity scoring. Fully local.
MCP server that gives coding agents program-analysis primitives — data flow, call graphs, taint analysis — so they reason from ground truth instead of grep-and-guess. (same as the GitHub About — keeps your messaging consistent across the web).
An MCP service that equips your workspace with a complete set of AI-accessible development tools for reading, editing, executing, and managing code.
Fennara MCP connects AI agents like Codex, Cursor, Claude Code, and Claude Desktop to Godot-aware tools for real Godot projects. It focuses on feedback from Godot: GDScript diagnostics, scene validation, runtime errors, scene inspection, node properties, screenshots, SemanticSearch, and patch-and-rerun workflows.
Search verified engineering fixes by error message or technology. Step-by-step solutions with trust scores, built for developers and AI agents.
LSP-Claw is an MCP server that lets an AI agent safely build, run, and debug Lua/LSP web apps inside a controlled Mako/Xedge/BAS lab, including on embedded or RTOS devices.
Integrates with Language Server Protocol (LSP) to provide features like code completion, diagnostics, and hover information.
Visual Studio extension with 20 Roslyn-powered MCP tools for AI assistants. Semantic code navigation, symbol search, inheritance, call graphs, safe rename, build/test.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.





