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.
Markdown Editor
Free online markdown editor with live preview, local storage, private Markdown and Word DOCX import, and ready-made templates for developers, testers, and product managers.
OpenGraph Preview Tool
Preview how your links appear on Facebook, Twitter/X, LinkedIn, Slack, and WhatsApp. Validate metadata, analyze images, and debug social sharing cards.
.env File Validator
Validate, convert, and generate .env files with type checking, secret detection, and framework presets.
QR Code Generator
Generate QR codes for URLs, text, email, phone, SMS, and WiFi credentials with instant download.
Favicon Generator
Generate professional favicons from text, images, or emojis. Create ICO, PNG, SVG, Apple Touch Icons, and PWA manifest files with live preview.
Service Worker Boilerplate Builder
Generate a production-ready service worker with best practices for caching, offline support, and more.
Latest articles
Practical notes, tutorials, and engineering write-ups.
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.
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.
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.
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.
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.
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.





