# Visualize

> Use mermaid diagram to visualize the data lineage of the referenced code or project. Use when the user types /visualize.

- Skill: `blockmatic/visualize` (Agent Skill)
- Install (CLI): `npx skillmds@latest add blockmatic/visualize`
- Raw SKILL.md: https://api.skillmd.com/api/skills/blockmatic/visualize/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: blockmatic (https://skillmd.com/u/blockmatic)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/blockmatic/visualize

---


## Purpose

Use mermaid diagram to visualize the data lineage of the referenced code or project.

## Steps

1. **Analyze code**: Understand the data flow, relationships, and structure in the referenced code or project
2. **Choose diagram type**: Select appropriate mermaid diagram type (flowchart, sequence diagram, class diagram, ER diagram, etc.) based on what needs visualization
3. **Generate diagram**: Create mermaid diagram with clear labels, logical grouping, consistent styling, and meaningful relationships
4. **Explain**: Explain what the diagram shows and offer to refine or expand specific sections

## Completion

Read [completion evidence](../references/completion.md) before reporting completion.