Can I use Plan-Collab to see architectural diagrams?

Yes, Plan-Collab renders Mermaid diagrams including flowcharts, sequence diagrams, and ER diagrams directly within the web UI.

Does Plan-Collab support dark mode?

Yes, the web interface includes a built-in dark mode toggle in the header for a comfortable viewing experience.

How do I launch the Plan-Collab web interface?

Use the command `node cli.js start-server` to boot the local server, then `node cli.js open-plan ` to open your specific implementation plan in the browser.

How does Claude retrieve my feedback from the UI?

Claude uses the `get-feedback` command to fetch all pending comments and answers you've submitted via the web interface.

What happens if I update the plan file while the server is running?

You can use the `sync-plan` command or simply call `open-plan` again to refresh the content; the UI will update the status to 'updated' automatically.

Plan-Collab: Collaborative Plan Review

Name: Plan-Collab: Collaborative Plan Review
Author: SaharCarmel

bySaharCarmel

•

Collaboration Tools

Streamlines implementation planning with a web-based interface for reviewing, commenting, and approving Claude's technical plans.

Plan-Collab enhances the Claude Code workflow by providing a sophisticated web UI for reviewing implementation plans. Instead of managing complex feedback loops within the terminal, users can open plans in a browser to add inline comments (Google Docs style), answer structured questions, and visualize architecture through beautifully rendered Mermaid diagrams. This skill is essential for developers working on complex multi-step tasks that require precise human oversight and iterative planning before any code is written.

Key Features

01Native support for rendering Mermaid architecture and flow diagrams

02Dedicated panel for answering Claude's structured questions

03Google Docs-style inline text selection and commenting

04Interactive web UI for reviewing and commenting on Markdown plans

051 GitHub stars

06Automated plan status tracking and version management

Use Cases

01Managing structured Q&A sessions between the developer and Claude during complex tasks

02Reviewing large-scale refactoring plans with multiple stakeholders

03Providing feedback on system architecture before code generation begins

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saharcarmel/sahar-claude-code-marketplace plan-collab

For use in Claude.ai and ChatGPT

Download Skill