skills.rest
cwinvestments
cwinvestmentsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/cwinvestments/memstack --skill sight
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
GS1NedGS1Ned

diagram-generator

Generate architecture, database, component, and sequence diagrams using Mermaid syntax.

Community
Intermediate
ishiyanishiyan

mermaid-creator

Create and convert Mermaid diagrams from syntax to SVG.

Community
Advanced
thapaliyabikendrathapaliyabikendra
24

mermaid-diagram-patterns

Generate Mermaid diagrams from natural language descriptions.

Community
Basic
yoonhwanyoonhwan
3

termaid

Render Mermaid diagram code as styled visual output in the terminal.

Community
Intermediate