{"slug": "i-built-a-skill-that-explains-you-your-ai-slop", "title": "I built a skill that explains you, your AI Slop!", "summary": "A developer built show-me-the-build, an open-source skill for Claude Code, Cursor, Codex, and other LLM agents that turns any codebase or cloud deployment into a self-building HTML presentation. The skill animates resources and modules in the order they were created, drawing connections live and attaching a real one-sentence rationale to each component pulled from code or infrastructure docs. It ships as a single self-contained HTML file with no server or build step, installable via npx.", "body_md": "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.\n\nThat'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.\n\nAnyone 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.\n\nIt ships as one self-contained HTML file. No server, no build step. Copy it, present it, done.\n\nTwo situations, mainly:\n\n```\nnpx skills@latest add sanidhya-build/skills --skill=show-me-the-build\n```\n\nOr if you are lazy like me, just ask your agent the following : \n\n`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.`\n\nThen type `/show-me-the-build` in your agent of choice.\n\nFull write-up, examples, and the source are at **[show-me-the-build-website.vercel.app](https://show-me-the-build-website.vercel.app)**.\n\nFollow me for more content around community and tech", "url": "https://wpnews.pro/news/i-built-a-skill-that-explains-you-your-ai-slop", "canonical_source": "https://dev.to/sanidhya_at_mlh/i-built-a-skill-that-explains-you-your-ai-slop-971", "published_at": "2026-09-14 11:39:25+00:00", "updated_at": "2026-09-14 12:10:13.751836+00:00", "lang": "en", "topics": ["ai-agents", "ai-tools", "developer-tools", "ai-products"], "entities": ["show-me-the-build", "Claude Code", "Cursor", "Codex", "npx"], "alternates": {"html": "https://wpnews.pro/news/i-built-a-skill-that-explains-you-your-ai-slop", "markdown": "https://wpnews.pro/news/i-built-a-skill-that-explains-you-your-ai-slop.md", "text": "https://wpnews.pro/news/i-built-a-skill-that-explains-you-your-ai-slop.txt", "jsonld": "https://wpnews.pro/news/i-built-a-skill-that-explains-you-your-ai-slop.jsonld"}}