sight

Generate Mermaid diagrams of project architecture and database schemas.

412|45|Updated Feb 19, 2026

Search Tags:#mermaid #visualization #database schema #code structure #diagram #api flow

Ready to run

npx skills add https://github.com/cwinvestments/memstack --skill sight

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: sight
Source: https://github.com/cwinvestments/memstack/tree/main/skills/sight
Command: npx skills add https://github.com/cwinvestments/memstack --skill sight

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill transforms complex code structures, database schemas, and data flows into easily understandable visual diagrams, making it simpler to grasp project architecture and relationships.

Core Features & Use Cases

Mermaid Diagram Generation: Creates diagrams for database schemas (ER), APIs (flowcharts), components (graphs), and processes (sequence diagrams).
Codebase Analysis: Scans relevant project files (migrations, API routes, source code) to inform diagram creation.
Use Case: When discussing a new feature, you can ask the AI to "draw the API flow for user authentication" and receive a visual representation of the endpoints and data movement.

Quick Start

Use the sight skill to draw the database schema for the 'accounts' module.

Frequently Asked Questions about sight

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a database schema diagram from migration files?▼

To generate a database schema diagram, this Skill scans your migration files and creates an ER diagram using Mermaid syntax. It analyzes your codebase structure to visualize database schemas and data relationships automatically.

Can I visualize API flow for a specific feature like user authentication?▼

Yes, you can visualize API flow by asking the Skill to draw the flow for user authentication. It scans your API routes and generates Mermaid flowcharts or sequence diagrams to represent endpoints and data movement visually.

What types of Mermaid diagrams can I create to visualize project architecture?▼

You can create erDiagram, flowchart TD, graph TD, and sequenceDiagram types to visualize project architecture. These Mermaid diagrams map out database schemas, API flows, component graphs, and process sequences from your source code.

Does this tool require any specific dependencies to analyze codebases?▼

No specific dependencies are required to analyze codebases and generate diagrams. The Skill operates independently by scanning your migration files, API routes, and directory structures to produce Mermaid syntax visualizations.

How do I save generated diagrams to my project documentation?▼

To save generated diagrams, the Skill optionally writes the Mermaid output directly to the docs/diagrams directory within your project. This ensures your visual code structures and data flows are stored alongside your existing documentation.