The latest articles on DEV Community by Anal Shaju (@analshaju). https://dev.to/analshaju https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3589888%2F4dd4ea6b-12f4-4a21-92f3-39d19a0834e3.png https://dev.to/analshaju en Anal Shaju Tue, 10 Nov 2026 19:22:21 +0000 https://dev.to/analshaju/i-built-my-first-agent-skill-so-id-understand-the-code-my-ai-writes-3183 https://dev.to/analshaju/i-built-my-first-agent-skill-so-id-understand-the-code-my-ai-writes-3183 <p>When I build with an AI assistant, it writes code faster than I can read it. Most of the time I accept the change and move on without understanding it.</p> <p>So I built my first Agent Skill: teach-me. Learn while you build.</p> <p>Your AI assistant just wrote the code. You have no idea how it works. Run <strong>/teach-me</strong>.</p> <p>What it does</p> <p>It turns every change your coding assistant makes into a short lesson, made for beginner to intermediate developers and vibe coders who know a little code:</p> <p>In short: what changed, in one sentence<br> How it works: one real example, with line numbers<br> Watch out: how it could break<br> Learn this and Try it: one concept and a five-minute experiment<br> Quick check: a one-question quiz</p> <p>Answer with A, B or C and it tells you why you were right or wrong. Say simpler if anything is unclear. It never edits your code, so you can run it in the middle of a build and go straight back to work.</p> <p>Install</p> <p>npx skills add AnalShaju/teach-me</p> <p>Then type /teach-me after your assistant writes code.<br> <strong>or</strong><br> You can also point it at something specific:</p> <p>/teach-me src/auth/session.ts</p> <p>Repo: <a href="https://github.com/AnalShaju/teach-me" rel="noopener noreferrer">https://github.com/AnalShaju/teach-me</a></p> <p>This is my first skill, and I'd love your feedback. Try it on your next AI-written change and tell me: was the lesson clear, and was the quiz useful?</p> ai beginners agentskills opensource Anal Shaju Thu, 21 May 2026 05:19:02 +0000 https://dev.to/analshaju/i-built-a-cli-tool-that-converts-messy-webpages-into-clean-markdown-for-ai-tools-4964 https://dev.to/analshaju/i-built-a-cli-tool-that-converts-messy-webpages-into-clean-markdown-for-ai-tools-4964 <h2> The Problem </h2> <p>Every time I paste a webpage into Claude or ChatGPT, I waste my tokens on navigation bars, footers, ads, and junk.</p> <h2> What I Built </h2> <p>grabctx - a CLI tool that strips all the unwanted things and gives you only the main content as clean markdown.</p> <h2> How It Works </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm <span class="nb">install</span> <span class="nt">-g</span> grabctx grabctx https://any-article.com <span class="nt">--copy</span> </code></pre> </div> <p>It fetches the page, extracts the main content using Mozilla's <br> Readability algorithm (same one Firefox uses for Reader View), <br> converts it to markdown, and shows you the token savings.</p> <h2> Results </h2> <p>Tested on a Wikipedia page:</p> <ul> <li>Before: 91,461 tokens</li> <li>After: 19,757 tokens </li> <li>Saved: 78%</li> </ul> <h2> Tech Stack </h2> <ul> <li>TypeScript</li> <li>Node.js</li> <li>@mozilla/readability</li> <li>linkedom</li> <li>turndown</li> <li>commander</li> <li>gpt-tokenizer</li> </ul> <h2> Links </h2> <ul> <li>npm: <a href="https://www.npmjs.com/package/grabctx" rel="noopener noreferrer">https://www.npmjs.com/package/grabctx</a> </li> <li>GitHub: <a href="https://github.com/AnalShaju/grabctx" rel="noopener noreferrer">https://github.com/AnalShaju/grabctx</a> </li> </ul> <p>Would love feedback from the community!</p> typescript cli opensource ai