A skill your agent uses when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure.

MITAuto-check: warningsDevelopment

Install Sight

The automated check flagged lines worth reading first. See the safety section below.

skills CLI
$ npx skills add cwinvestments/memstack --skill sight -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install cwinvestments/memstack sight --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/cwinvestments/memstack.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/sight .claude/skills/sight && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
sight
GitHub stars
423
Token cost
~621 tokens
SKILL.md length
182 words
Files
1
Skills in repo
87
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure.

  • Works in 4 steps: Determine diagram type from context → Scan the relevant code → Generate Mermaid diagram as a code block → …
  • The user says draw
  • SKILL.md covers Activation, Context Guard, Protocol and Inputs, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Sight is an agent skill from cwinvestments/memstack. Use when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure.

Its SKILL.md is about 620 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Diagrams. It works with Mermaid. The repository describes itself as: Structured skill framework for Claude Code. 130 skills, persistent memory, TokenStack compression, localhost dashboard with 3-agent runner, real-time streaming, MCP tools. The licence is MIT.

When your agent uses it

  • The user says draw
  • Needs a visual overview of code structure

Example prompts

  • “diagram”
  • “visualize”
  • “architecture”
  • “/sight”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Determine diagram type from context
  2. Scan the relevant code
  3. Generate Mermaid diagram as a code block
  4. Optionally save to docs/diagrams/{name}.mermaid

What it can do on your machine

Read from SKILL.md and the folder at commit 00370ce. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Sight loads about 621 tokens when it runs. Until then it costs about 31 tokens; SKILL.md has 182 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~31
When it runs · the whole SKILL.md, loaded when a task matches
~621

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: warnings

The automated check found patterns that need a careful read before installing.

  • WarningContains zero-width charactersSKILL.md:63
    ⟨U+200B⟩```mermaid
  • WarningContains zero-width charactersSKILL.md:81
    ⟨U+200B⟩```

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from cwinvestments/memstack at commit 00370ce, republished under its MIT licence (© cwinvestments). 182 words, ~621 tokens.

Download SKILL.mdSave it as .claude/skills/sight/SKILL.md (or your agent's skills folder).
name
sight
description
Use when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure.
version
1.0.0

👁️ Sight: The Hidden Becomes Clear

Generate Mermaid diagrams showing project architecture, schema, and data flow.

Activation

When this skill activates, output:

👁️ Sight: The hidden becomes clear.

Then execute the protocol below.

Context Guard

ContextStatus
User asks for a diagram or visualizationACTIVE: generate diagram
User says "draw", "diagram", "architecture"ACTIVE: generate diagram
User asks to "show" or "map" the structureACTIVE: generate diagram
Discussing diagrams conceptuallyDORMANT: do not activate
User is looking at existing diagramsDORMANT: do not activate

Protocol

  1. Determine diagram type from context:

    • "database" / "schema" → erDiagram
    • "api" / "endpoints" → flowchart TD
    • "components" / "pages" → graph TD
    • "architecture" / "structure" → flowchart TD (system overview)
    • "flow" / "process" → sequenceDiagram
  2. Scan the relevant code:

    • For DB: read migration files in database/
    • For API: list files in src/app/api/
    • For pages: list files in src/app/
    • For architecture: read package.json, directory structure, configs
  3. Generate Mermaid diagram as a code block

  4. Optionally save to docs/diagrams/{name}.mermaid

Inputs

  • What to visualize (database, API, components, architecture)
  • Project directory

Outputs

  • Mermaid diagram code block ready to render
  • Optional saved .mermaid file

Example Usage

User: "draw the AdminStack database schema"

👁️ Sight: The hidden becomes clear.

```mermaid
erDiagram
    accounts ||--o{ organizations : "has"
    accounts ||--o{ cc_sessions : "tracks"
    organizations ||--o{ projects : "contains"
    organizations ||--o{ contacts : "stores"
    organizations ||--o{ orders : "processes"

    accounts {
        uuid id PK
        text email
        boolean is_platform_admin
    }
    cc_sessions {
        uuid id PK
        text name
        text status
    }

## Level History

- **Lv.1**: Base: Mermaid diagram generation from codebase analysis. (Origin: MemStack v1.0, Feb 2026)
- **Lv.2**: Enhanced: Added YAML frontmatter, context guard, activation message, diagram type detection. (Origin: MemStack v2.0 MemoryCore merge, Feb 2026)

© cwinvestments, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. 2 hidden characters (zero-width or bidirectional) removed. Raw file

Files

Just SKILL.md in skills/sight of cwinvestments/memstack.

Open the folder on GitHubat commit 00370ce

Compare with similar skills

Sight next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Sight compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Sight this skillcwinvestments/memstack423—~621Automated safety check: WarnMIT
Archify Diagramstt-a1i/archify79k—~2.9kAutomated safety check: PassMIT
Diagram Designcathrynlavery/diagram-design45k1 repos~7.5kAutomated safety check: PassMIT
Draw.io Diagram StudioAgents365-ai/drawio-skill10k—~2.4kAutomated safety check: NotesMIT
Code Graph Mermaid Diagramstrailofbits/skills7.4k1 repos~1.7kAutomated safety check: PassCC-BY-SA-4.0
Pretty Mermaid Rendererimxv/Pretty-mermaid-skills1.5k—~2kAutomated safety check: PassMIT

Similar skills

  • Archify Diagrams

    tt-a1i/archify

    Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

    79k GitHub stars~2.9k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Diagram Design

    cathrynlavery/diagram-design

    Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

    45k GitHub starsUsed in 1 repo~7.5k tokens
    DevelopmentAuto-check passed
  • Draw.io Diagram Studio

    Agents365-ai/drawio-skill

    Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

    10k GitHub stars~2.4k tokensUpdated 6 days ago
    DevelopmentAuto-check: notes
  • Code Graph Mermaid Diagrams

    trailofbits/skills

    Official

    Generates Mermaid diagrams from Trailmark code graphs, including call graphs, class hierarchies, module dependency maps, complexity heatmaps and attack surface data flows.

    7.4k GitHub starsUsed in 1 repo~1.7k tokens
    DevelopmentAuto-check passed
  • Pretty Mermaid Renderer

    imxv/Pretty-mermaid-skills

    Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.

    1.5k GitHub stars~2k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Archify Diagram Builder

    Unclecheng-li/AI_Animation

    Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

    1.5k GitHub starsUsed in 2 repos~4.1k tokens
    DevelopmentAuto-check passed

More from cwinvestments/memstack

All 87 skills in this repo
  • Memstack SEO Site Audit

    cwinvestments/memstack

    A skill your agent uses when the user says 'SEO audit', 'site audit', 'check SEO', 'audit my site', 'SEO check', 'technical SEO', or is evaluating a website's search engine optimization health, meta…

    423 GitHub stars~3.5k tokensUpdated 12 days ago
    Auto-check passed
  • Memstack SEO Schema Markup

    cwinvestments/memstack

    A skill your agent uses when the user says 'add schema', 'schema markup', 'JSON-LD', 'structured data', 'rich results', 'rich snippets', or is adding or fixing schema.org structured data for better…

    423 GitHub stars~2.7k tokensUpdated 12 days ago
    Auto-check passed
  • Compress

    cwinvestments/memstack

    A skill your agent uses when the user says 'tokenstack', 'compression', 'token savings', 'proxy status', or asks about context window usage.

    423 GitHub stars~1.2k tokensUpdated 12 days ago
    Auto-check passed
  • Diary

    cwinvestments/memstack

    A skill your agent uses when the user says 'save diary', 'log session', 'wrapping up', or at end of a productive session.

    423 GitHub stars~5k tokensUpdated 12 days ago
    Auto-check passed
  • Echo

    cwinvestments/memstack

    A skill your agent uses when the user references past sessions, asks 'what did we do', 'do you remember', 'last session', 'recall', or 'continue from'.

    423 GitHub stars~1.7k tokensUpdated 12 days ago
    Auto-check passed
  • Familiar

    cwinvestments/memstack

    A skill your agent uses when the user says 'dispatch', 'send familiar', 'split task', or needs work split across parallel CC sessions.

    423 GitHub stars~556 tokensUpdated 12 days ago
    Auto-check passed

Works with

Categories

Questions about Sight

What does Sight do?

A skill your agent uses when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure. Sight is an agent skill from cwinvestments/memstack. Use when the user says 'draw', 'diagram', 'visualize', 'architecture', or needs a visual overview of code structure.

When should I use Sight?

Sight fits situations like: the user says draw; needs a visual overview of code structure.

How do I install Sight in Claude Code?

Run `npx skills add cwinvestments/memstack --skill sight -a claude-code`. Or copy the skill folder (skills/sight in cwinvestments/memstack) into .claude/skills/sight in your project. Claude Code loads it when a task matches its description.

How do I install Sight in Codex?

Run `npx skills add cwinvestments/memstack --skill sight -a codex`. Or copy the skill folder (skills/sight in cwinvestments/memstack) into .agents/skills/sight in your project. Codex loads it when a task matches its description.

Can I use Sight in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add cwinvestments/memstack --skill sight -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/sight, .gemini/skills/sight, .github/skills/sight and .opencode/skills/sight in your project.

What does Sight need to run?

SKILL.md names no scripts, command-line tools or credentials: Sight is instructions for the agent only.

Does Sight access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Sight safe to install?

Our automated static check of SKILL.md flagged 2 warning(s): contains zero-width characters. Read the flagged lines before installing; the check is not a guarantee either way.

What licence does Sight use?

Sight is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Sight use?

About 621 tokens (SKILL.md is roughly 2.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Sight?

Skills that share tags, products or a category with Sight: Archify Diagrams (tt-a1i/archify, 79k stars), Diagram Design (cathrynlavery/diagram-design, 45k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars) and Code Graph Mermaid Diagrams (trailofbits/skills, 7.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Sight?

cwinvestments (a GitHub user) maintains it in cwinvestments/memstack, which has 423 GitHub stars. The repository holds 87 skills in this directory. The repository was last updated on September 26, 2026.

Source: cwinvestments/memstack on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.