Practical engineering writing and free developer tools.

CodeSmith pairs hands-on technical articles with fast, browser-based utilities for markdown, env files, social previews, and everyday developer chores.

Popular tools

Fast browser utilities that run on your machine.

View all

Latest articles

Practical notes, tutorials, and engineering write-ups.

Sourabh
August 1, 2026
14 min read

Loop Engineering: Tests as Guardrails and Verification Loops for AI Agents

An agent that has to prove its work catches its own mistakes. One that only has to look right ships them to you. This is how to build the feedback loop: the verification ladder, test-first prompting, and letting the agent iterate to green on its own without weakening your tests.

Sourabh
July 25, 2026
13 min read

Prompt Patterns for AI Coding Agents: Plan-First, Spec-First, and Anti-Patterns

Most prompt advice treats every task the same. Real tasks are not the same: a typo fix and a payment refactor need different prompts. Here are four patterns, a way to pick between them, copyable templates, and the anti-patterns that quietly wreck a run.

Sourabh
July 18, 2026
14 min read

Context Engineering for Coding Agents: CLAUDE.md, AGENTS.md, and Token Budgets

You correct the agent, it apologizes, and ten minutes later it makes the same mistake. That is not a model problem; it is a memory problem. Here is how the context window works as a budget, what belongs in CLAUDE.md and AGENTS.md, and when to restart a session instead of patching it.

Sourabh
July 12, 2026
15 min read

Vibe Coding to Engineered Workflow: A Practical Guide to AI Coding Agents

The agent one-shots your feature on Monday and quietly rewrites your auth module on Tuesday. Here is the workflow that keeps the speed without the wreckage: plan-first prompting, reviewable diffs, and verification the agent runs itself. With interactive tools to grade your own prompts.

Sourabh
July 5, 2026
14 min read

Service Workers Explained: An Interactive Guide

Your fix is deployed but users still see the old version. A service worker is usually why. Here is how the three caching strategies behave, with interactive demos, the mistakes that ship to production, and how to monitor all of it.

Sourabh
December 14, 2025
12 min read

Sobel vs Canny vs Laplacian Edge Detection: Interactive Demo

Compare Sobel, Canny, and Laplacian edge detection with an interactive browser demo. Tune thresholds, upload images, and see how each algorithm finds boundaries.

Tool guides

Focused walk-throughs for common tasks.

Loading sidebar...
    CodeSmith Developer Tools, Utilities & Engineering Blog