# sasidhar1370/skillpatch-code-auditor architecture

> Architecture diagram of the GitHub repository sasidhar1370/skillpatch-code-auditor, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/sasidhar1370/skillpatch-code-auditor
- Repository: https://github.com/sasidhar1370/skillpatch-code-auditor

## Overview

SkillPatch is a browser-based code auditor: a developer submits code for real-time evaluation and receives security findings, performance recommendations, and generated patches with explanations. The README identifies an API gateway, Claude Haiku model, and SkillPatch review/auditing modules, but no source excerpts are available to verify their implementation or detailed wiring; those relationships reflect the documented architecture only.

Main entry points: [`index.html`](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html) (Code auditor)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_client["Browser client"]
  node_webapp["Code auditor<br/>[index.html]"]
end

subgraph group_analysis["Code analysis"]
  node_gateway{{"API gateway"}}
  node_model["Claude Haiku"]
  node_skills["Review and security skills"]
end

subgraph group_results["Audit results"]
  node_security["Security findings<br/>[index.html]"]
  node_performance["Performance recommendations<br/>[index.html]"]
  node_patch["Code patches<br/>[index.html]"]
  node_explanations["Contextual explanations<br/>[index.html]"]
end

node_developer(("Developer"))

node_developer -->|"submits code"| node_webapp
node_webapp -->|"requests evaluation"| node_gateway
node_gateway -.->|"uses model"| node_model
node_gateway -.->|"uses skills"| node_skills
node_gateway -->|"returns evaluation"| node_webapp
node_webapp -->|"presents findings"| node_security
node_webapp -->|"presents recommendations"| node_performance
node_webapp -->|"presents patches"| node_patch
node_webapp -->|"presents explanations"| node_explanations

click node_webapp "https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html"
click node_security "https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html"
click node_performance "https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html"
click node_patch "https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html"
click node_explanations "https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_webapp toneBlue
class node_gateway,node_model,node_skills toneAmber
class node_security,node_performance,node_patch,node_explanations toneMint
class node_developer toneIndigo
```

## Components

### Browser client

- [Code auditor](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html): `index.html`

### Code analysis

- **API gateway**
- **Claude Haiku**
- **Review and security skills**

### Audit results

- [Security findings](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html): `index.html`
- [Performance recommendations](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html): `index.html`
- [Code patches](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html): `index.html`
- [Contextual explanations](https://github.com/sasidhar1370/skillpatch-code-auditor/blob/main/index.html): `index.html`

### Other components

- **Developer**

## Connections

- Developer → Code auditor: submits code
- Code auditor → API gateway: requests evaluation
- API gateway → Claude Haiku: uses model
- API gateway → Review and security skills: uses skills
- API gateway → Code auditor: returns evaluation
- Code auditor → Security findings: presents findings
- Code auditor → Performance recommendations: presents recommendations
- Code auditor → Code patches: presents patches
- Code auditor → Contextual explanations: presents explanations