Beleleoo

Vibe Code Explainer

Name: Vibe Code Explainer
Author: Beleleoo

Security community

SOURCE https://github.com/Beleleoo/vibe-code-explainer

Description

Non-developers using Claude Code accept AI-generated code changes blindly. They can’t read diffs, spot unrelated changes, or assess security risks. Today, only senior developers can review what an AI agent writes. Code Explainer bridges that gap by translating every code change into plain-language explanations, printed in the terminal

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

vibe-code-explainer

**Real-time diff explanations for vibe coders using Claude Code.**

Every time Claude Code edits a file, creates a file, or runs a destructive command, vibe-code-explainer prints a plain-English explanation in your terminal before Claude continues. Catches unrelated changes, flags risky edits, and makes AI-generated code readable for people who can't read diffs.

No more accepting code blindly.

Example output

**Safe change (low/no risk):**

╭─ vibe-code-explainer ─────────────────────────╮
│                                                 │
│  📄  src/app/page.tsx                           │
│                                                 │
│  ▸ Impact                                       │
│    Changed page background from solid dark      │
│    blue to a gradient.                          │
│                                                 │
│  ▸ How it works                                 │
│    `bg-gradient-to-br` + `from-`/`to-` Tailwind │
│    utilities generate a CSS linear-gradient.    │
│                                                 │
│  ▸ Why                                          │
│    Tailwind: utility classes for gradients      │
│    instead of writing custom CSS.               │
│                                                 │
│  ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄ ─ ┄  │
│                                                 │
│  ✓  Risk: None                                  │
│                                                 │
╰─────────────────────────────────────────────────╯

**Risky change (medium/high risk):**

╭─ vibe-code-explainer ─────────────────────────╮       ← red border
│                                                 │
│  📄  .env                                       │
│                                                 │
│  ▸ Impact                                       │
│    Added a Stripe payment secret key directly   │
│    in the environment file.                     │
│