Beleleoo

Vibe Code Explainer — Security skill for Claude Code

Security community

Non-developers using Claude Code accept AI-generated code changes blindly.

How to install Vibe Code Explainer

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

What Vibe Code Explainer does

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

Alternatives in Security

Google Workspace Model Armor — Filter user-generated content for safety 21.6k ★
Security Scan Report — Generated: 2026-04-10 20:48 UTC Skills scanned: 134 Total findings: 836 Critical: 32 High: 50 Safe skills: 100 18.1k ★
Security Ownership Map — Map people-to-file ownership, compute bus factor, and identify risks 14.6k ★

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.                     │
│