# I built a skill that explains you, your AI Slop! > Source: > Published: 2026-09-14 11:39:25+00:00 A problem every hackathon builder who is vibe coding has: a lot of times, the demo works; you built it with an agent over the last six hours, but you genuinely don't know what is going on under the hood. That's why I built **`show-me-the-build`** — a Claude Code / Cursor / Codex (or any other LLM) skill that turns any codebase or cloud deployment with any agent into a self-building HTML presentation. Type one command, and it walks through *what* got built, *why* it was built that way, and *how* it actually runs. Anyone can generate a static architecture diagram. The interesting bit is that this one **builds itself, step by step** — resources or modules appear one at a time, in the order they were actually created, with the connections between them drawn live. Click any box and a drawer opens with a real one-sentence reason it exists — not an invented "reduces coupling," but the actual reason, pulled from your code or your infra docs. It ships as one self-contained HTML file. No server, no build step. Copy it, present it, done. Two situations, mainly: ``` npx skills@latest add sanidhya-build/skills --skill=show-me-the-build ``` Or if you are lazy like me, just ask your agent the following : `Install the show-me-the-build skill via npx (npx skills@latest add sanidhya-build/skills --skill=show-me-the-build). Install the skill in this agent's global /skills folder.` Then type `/show-me-the-build` in your agent of choice. Full write-up, examples, and the source are at **[show-me-the-build-website.vercel.app](https://show-me-the-build-website.vercel.app)**. Follow me for more content around community and tech