본문으로 건너뛰기
cccskills
무료GitHub에 공개

understand-explain

Get a detailed explanation of a file, function, or module using an existing knowledge graph and its source code. It explains architectural roles, dependencies, callers, and data flow for readers who may not know the programming language.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

Use when you need a deep-dive explanation of a specific file, function, or module in the codebase

설치 방법 보기

이럴 때 유용합니다

  • Understand the role of a specific file
  • Trace a function’s callers and dependencies
  • Follow inputs, processing, and outputs
  • Read code in an unfamiliar programming language

포함된 파일(1)

  • SKILL.md4.9 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

/understand-explain

Provide a thorough, in-depth explanation of a specific code component.

Graph Structure Reference

The knowledge graph JSON has this structure:

  • project — {name, description, languages, frameworks, analyzedAt, gitCommitHash}
  • nodes[] — each has {id, type, name, filePath?, summary, tags[], complexity, languageNotes?}
    • Code node types: file, function, class, module, concept
    • Non-code node types: config, document, service, table, endpoint, pipeline, schema, resource
    • Domain/knowledge node types: domain, flow, step, article, entity, topic, claim, source
    • IDs use the node type as prefix, e.g. file:path, function:path:name, config:path, article:path
  • edges[] — each has {source, target, type, direction, weight}
    • Key types: imports, contains, calls, depends_on, configures, documents, deploys, triggers, contains_flow, flow_step, related, cites
  • layers[] — each has {id, name, description, nodeIds[]}
  • tour[] — each has {order, title, description, nodeIds[]}

How to Read Efficiently

  1. Use Grep to search within the JSON for relevant entries BEFORE reading the full file
  2. Only read sections you need — don't dump the entire graph into context
  3. Node names and summaries are the most useful fields for understanding
  4. Edges tell you how components connect — follow imports and calls for dependency chains

Instructions

  1. Resolve the data directory $UA_DIR. Run UA_DIR=$([ -d .understand-anything ] && echo .understand-anything || echo .ua) — this is the legacy .understand-anything/ when it already exists, otherwise the new .ua/. Check that $UA_DIR/knowledge-graph.json exists. If not, tell the user to run /understand first.

  2. Check graph freshness before using graph-derived context:

    • Read project.gitCommitHash from the graph metadata as GRAPH_COMMIT_RAW. Resolve it as a commit before using it in any Git diff, then compare it with git rev-parse HEAD and inspect project-scoped committed and working-tree changes from the project root:
      GRAPH_COMMIT=$(git rev-parse --verify --end-of-options "${GRAPH_COMMIT_RAW}^{commit}" 2>/dev/null)
      git rev-parse HEAD
      git diff --name-only "$GRAPH_COMMIT" HEAD -- .
      git diff --cached --name-only -- .
      git diff --name-only -- .
      git ls-files --others --exclude-standard -- .
      
    • The -- . pathspec is required: commits that only touch a sibling monorepo project must not make this graph stale. A hash mismatch alone is not stale when the project diff is empty.
    • Ignore the selected data directory (.ua/ or legacy .understand-anything/) in every command's output because it contains generated graph artifacts, not project source drift.
    • If the committed diff or any working-tree command reports project files, warn before explaining that graph-derived context may omit those changes. Suggest: Run /understand to refresh the graph.
    • Run the commit diff only when GRAPH_COMMIT_RAW resolves successfully. If the graph commit or Git metadata is missing, invalid, or unavailable, give a brief best-effort warning and continue instead of blocking.
  3. Find the target node — use Grep to search the knowledge graph for the component: "$ARGUMENTS"

    • For file paths (e.g., src/auth/login.ts): search for "filePath" matches
    • For function notation (e.g., src/auth/login.ts:verifyToken): search for the function name in "name" fields filtered by the file path
    • Note the exact node id, type, summary, tags, and complexity
  4. Find all connected edges — Grep for the target node's ID in the edges section:

    • "source" matches → things this node calls/imports/depends on (outgoing)
    • "target" matches → things that call/import/depend on this node (incoming)
    • Note the connected node IDs and edge types
  5. Read connected nodes — for each connected node ID from step 4, Grep for those IDs in the nodes section to get their name, summary, and type. This builds the component's neighborhood.

  6. Identify the layer — Grep for the target node's ID in the "layers" section to find which architectural layer it belongs to and that layer's description.

  7. Read the actual source file — Read the source file at the node's filePath for the deep-dive analysis.

  8. Explain the component in context:

    • Its role in the architecture (which layer, why it exists)
    • Internal structure (functions, classes it contains — from contains edges)
    • External connections (what it imports, what calls it, what it depends on — from edges)
    • Data flow (inputs → processing → outputs — from source code)
    • Explain clearly, assuming the reader may not know the programming language
    • Highlight any patterns, idioms, or complexity worth understanding

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Analyze project code, configuration, and documentation to build a graph for interactive architecture exploration. It maps components and dependencies, supports Japanese descriptions, and can update the analysis based on changes since the previous analyzed commit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Understand the structure of an unfamiliar project
  • Explore dependencies between components
  • Generate architecture descriptions in Japanese
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Ask questions about a codebase using a knowledge graph, a map of its components and relationships. Get explanations tied to specific files, functions, dependencies, and architectural layers, with warnings when the graph may be outdated.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Understanding how a feature works
  • Finding callers and dependencies
  • Locating code related to a concept
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Launch the Understand Anything web dashboard to explore an existing codebase knowledge graph, a map of its structure and relationships. Open the current project or a specified directory and receive the local access URL.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explore an analyzed codebase visually
  • Open the current project's dashboard
  • View graph data from another project directory
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Analyze Git changes or pull requests against a knowledge graph, a map of code components and relationships. Identify modified files, nearby dependencies, affected architectural layers, and review risks, then save data for a dashboard visualization.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Understanding a pull request before review
  • Checking the impact of uncommitted changes
  • Reviewing changes across architectural layers
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Extract business areas, workflows, and process steps from a codebase and display them as an interactive horizontal flow graph. Use an existing knowledge graph, a map of project components, or run a lightweight scan of project files.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Understanding business workflows from code
  • Mapping business areas and process steps
  • Creating a business view from an existing knowledge graph
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Analyze a Figma file and turn its pages, screens, components, instances, and design tokens—shared design values—into an interactive graph. Open the dashboard to explore the file's structure and relationships.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Review the structure of a Figma file
  • Explore components, variants, and instances
  • Inspect how shared design values are used
Egonex-AI/Understand-Anything8.7만2026년 10월 12일 업데이트

Egonex-AI의 스킬 모두 보기

이 스킬의 문제 신고