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

0•

Herramientas de Colaboración

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

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

01Automated session management with isolated state tracking in local .collab directories

02Snapshot capabilities to save, list, and resume complex design sessions at any point

03Real-time Mermaid diagram generation and previewing via dedicated MCP tools

040 GitHub stars

05Seamless routing between specialized sub-skills for task planning, debugging, and code skeleton generation

06Structured workflow orchestration spanning from initial brainstorming to implementation-ready plans

Casos de Uso

01Visualizing complex system architectures with live-updating diagrams during collaborative brainstorming

02Coordinating structured architectural reviews and documenting technical decisions within Claude Code

03Managing multi-step design-to-implementation workflows for large-scale feature development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ben-mad-jlp/claude-mermaid-collab collab

For use in Claude.ai and ChatGPT

Download Skill