The latest articles on DEV Community by An Pham (@ancs21). https://dev.to/ancs21 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F84939%2F612159f1-14ac-4a49-9ea1-c79708e85fed.png https://dev.to/ancs21 en An Pham Sun, 29 Mar 2026 02:34:36 +0000 https://dev.to/ancs21/your-ai-agent-cant-fetch-behind-logins-i-built-a-400kb-fix-in-zig-4d31 https://dev.to/ancs21/your-ai-agent-cant-fetch-behind-logins-i-built-a-400kb-fix-in-zig-4d31 <p>Claude Code has WebFetch. Every AI coding agent has some way to grab a webpage.</p> <p>They all hit the same wall: auth.</p> <p>Try fetching a Medium article. A Facebook post. A private Substack. Anything behind Cloudflare. The agent gets a login page, a CAPTCHA, or nothing — and makes up the rest.</p> <h2> What playpanda does </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>playpanda https://medium.com/@someone/private-post </code></pre> </div> <p>You log in once. Cookies get saved. After that, fetching just works — from an agent, a script, or the terminal.</p> <p>The output is markdown with the junk stripped out. No nav bars, no cookie banners, no ads, no image CDN URLs. Just the content.</p> <h2> How agents can use it </h2> <p>Anything that can shell out can use it:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Replace WebFetch in Claude Code</span> playpanda https://docs.example.com/private-api <span class="c"># Fetch multiple pages at once</span> playpanda https://url1.com,https://url2.com,https://url3.com </code></pre> </div> <h2> How fetching works </h2> <p>It tries the fastest method first and escalates when something gets in the way:</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Method</th> <th>Speed</th> <th>When it kicks in</th> </tr> </thead> <tbody> <tr> <td>HTTP fetch</td> <td>~200ms</td> <td>Default, works for most pages</td> </tr> <tr> <td>JS rendering</td> <td>~1.5s</td> <td>Page needs JavaScript to load</td> </tr> <tr> <td>Real browser + anti-detection</td> <td>~6s</td> <td>Site actively blocks bots</td> </tr> </tbody> </table></div> <p>The agent doesn't need to know which tier ran. It just gets markdown back.</p> <h2> Size </h2> <p>Single Zig binary, under 400kb.</p> <h2> Install </h2> <p>One-liner:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>curl <span class="nt">-fsSL</span> https://raw.githubusercontent.com/ancs21/playpanda/main/scripts/install.sh | sh </code></pre> </div> <p>As an agent skill:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx skills add ancs21/playpanda </code></pre> </div> <p>From source (requires Zig 0.15+):<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/ancs21/playpanda.git <span class="nb">cd </span>playpanda zig build <span class="nt">-Doptimize</span><span class="o">=</span>.ReleaseFast <span class="nb">cp </span>zig-out/bin/playpanda ~/.local/bin/ </code></pre> </div> <p>GitHub: <a href="https://github.com/ancs21/playpanda" rel="noopener noreferrer">https://github.com/ancs21/playpanda</a> (Apache 2.0 license)</p> zig opensource cli ai An Pham Tue, 21 Dec 2021 15:09:31 +0000 https://dev.to/ancs21/til-croc-securely-transfer-files-via-cli-1ihm https://dev.to/ancs21/til-croc-securely-transfer-files-via-cli-1ihm <h3> Introduction </h3> <p><a href="https://github.com/schollz/croc">croc</a> is a tool that allows any two computers to simply and securely transfer files and folders.</p> <h3> Install </h3> <ul> <li>macOS </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>brew install croc </code></pre> </div> <ul> <li>Ubuntu </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>curl https://getcroc.schollz.com | bash </code></pre> </div> <ul> <li>Window </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>scoop install croc </code></pre> </div> <h3> Usage </h3> <ol> <li>Send file or folder </li> </ol> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>croc send [file(s)-or-folder] </code></pre> </div> <ol> <li>Receive the file </li> </ol> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>croc [code from output] </code></pre> </div> <p>More feature, please visit to <a href="https://github.com/schollz/croc">https://github.com/schollz/croc</a></p> An Pham Mon, 16 Aug 2021 15:16:27 +0000 https://dev.to/ancs21/tldr-database-naming-36fa https://dev.to/ancs21/tldr-database-naming-36fa <p><em>Credit: Photo by Tobias Fischer on Unsplash</em></p> <ul> <li>Table names should be plural (ex: <code>users</code>, <code>customers</code>,...)</li> <li>Use <code>underscore_names</code> (ex: <code>user_id</code>, <code>user_role</code>,...)</li> <li>Don't name primary key column <code>id</code> </li> <li>Don't make column names unclear (ex: <code>u_role</code>,...)</li> <li>Name foreign key columns the same as the columns they refer to</li> </ul> database naming