Can I use this skill for visual system design?

Yes, it is specifically designed to create, preview, and update Mermaid diagrams as part of the architectural design process.

How do I start a new collaboration session?

Ensure the mermaid-collab server is running, then use the /collab command in Claude Code to initiate a new session or resume an existing one.

What is the Mermaid Collab skill for Claude Code?

It is a specialized skill that integrates Claude Code with a Mermaid server to facilitate real-time diagramming, document collaboration, and structured design workflows.

What is the work item loop in the Collab skill?

It is a systematic orchestration process that reads your design documents and guides you through brainstorming, planning, and drafting for each individual task or bugfix.

Where does the skill store session data?

All diagrams, documents, and state tracking files are stored locally in a .collab/ directory within your project folder.

Mermaid Collab Design

Name: Mermaid Collab Design
Author: ben-mad-jlp

byben-mad-jlp

Herramientas de Colaboración

Orchestrates collaborative design sessions using Mermaid diagrams and structured workflow loops within Claude Code.

Acerca de

The Collab skill acts as a central orchestrator for design-heavy development tasks, enabling real-time collaboration via a dedicated Mermaid server and Model Context Protocol (MCP) integration. It manages isolated design sessions, tracks state through specialized phases—including brainstorming, rough-drafting, and implementation—and provides a systematic work item loop to ensure every architectural decision is documented and verified before execution.

Características Principales

Automated session management with isolated state tracking in local .collab directories
Snapshot capabilities to save, list, and resume complex design sessions at any point
Real-time Mermaid diagram generation and previewing via dedicated MCP tools
0 GitHub stars
Seamless routing between specialized sub-skills for task planning, debugging, and code skeleton generation
Structured workflow orchestration spanning from initial brainstorming to implementation-ready plans

Casos de Uso

Visualizing complex system architectures with live-updating diagrams during collaborative brainstorming
Coordinating structured architectural reviews and documenting technical decisions within Claude Code
Managing multi-step design-to-implementation workflows for large-scale feature development

Acerca de

Características Principales

Automated session management with isolated state tracking in local .collab directories
Snapshot capabilities to save, list, and resume complex design sessions at any point
Real-time Mermaid diagram generation and previewing via dedicated MCP tools
0 GitHub stars
Seamless routing between specialized sub-skills for task planning, debugging, and code skeleton generation
Structured workflow orchestration spanning from initial brainstorming to implementation-ready plans

Casos de Uso

Visualizing complex system architectures with live-updating diagrams during collaborative brainstorming
Coordinating structured architectural reviews and documenting technical decisions within Claude Code
Managing multi-step design-to-implementation workflows for large-scale feature development