W Diagram

blockmatic/basilic-skills/skills/workflow/w-diagram

by blockmatic7e05e2abd052dc6b526e8a28e36d102d42bfd635No license1 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 6 days ago

Produce a Mermaid diagram of the requested code, architecture, or data flow.

Instructions onlySoftware Development Design & Creative

AI-generated overview

Produces Mermaid diagrams of code, architecture, or data flow from inspected sources.

What it does: This skill turns a request about code, architecture, product or journey documentation, or data flow into one or more Mermaid diagrams. It inspects the named code or docs, picks a diagram type that matches the question (flowchart, sequence, class, ER, state, or journey), and wraps the output in a mermaid fence. It then explains in a few sentences what the diagram shows, keeping labels short and splitting oversized graphs. It is instructed not to invent architecture or sources that were not inspected.
When to use it: Use it when you need a visual representation of relationships, flow, or structure in existing code or documentation. It suits requests for architecture, product, journey, or data-flow diagrams, and it outputs to chat unless a file path is given.
Requirements: No scripts or special tooling are required; it is instructions only. It needs access to the named code or documentation sources to inspect, and the output is Mermaid text.

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.

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.
Otherwise inspect the named code or docs. Choose flowchart, sequence, class, er, state, or journey only when it matches the question.
Keep labels short. Split oversized graphs. Wrap output in a mermaid fence.
Explain what the diagram shows in a few sentences. Nodes and edges must map to inspected sources.

Source and attribution

Source:blockmatic/basilic-skillsinskills/workflow/w-diagramat commit7e05e2a

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

W Diagram

Source and attribution

More from blockmatic/basilic-skills

W V0

W Unit

W Ui

W Test

W Tdd

W Shadcn

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices