git:20260813.199d770 to git:20260814.b71cebf

---

name: "Artefacts: Introduce Repo"

description: "Render a visual HTML introduction to this codebase for a newly-joined developer"

when_to_use: "When onboarding someone new to a codebase, or when you want a visual architecture primer rather than a README skim."

model: sonnet

effort: high

metadata:

glyph: ᛊ

family: artefact

disable-model-invocation: true

allowed-tools: ["Read", "Glob", "Grep", "Bash(git:*)", "Bash(open:*)", "Bash(mkdir:*)", "Write"]

argument-hint: "[focus of analysis (optional)]"

---

# Repo Introduction

<overview>

Produce an interactive visual overview of this codebase aimed at a newly-joined developer.

Uses the visual-explainer plugin to generate a standalone HTML page with architecture diagrams,

module relationships, and project context.

</overview>

<steps>

1. Load the visual-explainer skill.

2. Analyse the codebase:

- Read README.md, package.json/go.mod/Cargo.toml/pyproject.toml for identity and dependencies

- Map top-level directory structure and entry points

- Read key source files to understand module structure and public API surface

- Skim git log for recent activity and key decisions

3. If $ARGUMENTS contains content, treat it as a focus area and weight the analysis accordingly.

4. Generate a visual HTML page following the visual-explainer workflow:

- Architecture snapshot (Mermaid diagram of modules and their relationships)

- Project identity: what it does, who uses it, what stage it's at

- Mental model essentials: invariants, non-obvious coupling, naming conventions, gotchas

- Module map with responsibilities

</steps>

<inputs>

$ARGUMENTS

</inputs>