mcpField
W
w-diagram

w-diagram

github.com/blockmaticDevelopment1647 installsUpdated 4w ago
Repository

About w-diagram

A diagramming skill for visualizing relationships, flows, and structures from source material. It selects an appropriate Mermaid diagram, avoids unsupported architecture claims, and explains what the diagram represents.

Key features

  1. 01Inspect specified code or documentation
  2. 02Choose a diagram type suited to the question
  3. 03Generate Mermaid diagrams from sources
  4. 04Split oversized graphs
  5. 05Explain mapped nodes and edges

Use cases

  1. 01Documenting product journeys or architecture
  2. 02Visualizing a code flow or structure
  3. 03Comparing documentation claims with code

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/blockmatic/basilic-skills --skill w-diagram

After installing, type/w-diagramin Claude Code to confirm it loaded.

Details

From the project README

Visualize relationships, flow, or structure. Chat output unless the user gave a file path. Do not invent architecture that is not in the sources. Do not invent PRODUCT.md.

  1. If the request is product, journey, or architecture docs, read named MDX/DESIGN.md and emit at most two Mermaid diagrams from those sources. Flag contradictions between docs and code without proposing a new methodology.
  2. Otherwise inspect the named code or docs. Choose flowchart, sequence, class, er, state, or journey only when it matches the question.
  3. Keep labels short. Split oversized graphs. Wrap output in a mermaid fence.
  4. Explain what the diagram shows in a few sentences. Nodes and edges must map to inspected sources.

Comments

Markdown supported