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.
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.
Git Guide for Vibe Coding as a Product Manager
Master the art of AI-assisted development with this comprehensive guide for Product Managers. Learn how to use vibe coding tools like Cursor, Bolt, and Lovable while maintaining clean Git workflows.
n8n Webhook Callbacks: Idempotency, Retries & Job Queue Reliability
Build reliable n8n webhook callback workflows with idempotency keys, timeout-safe retries, race-condition protection, and dead letter queues for production job processing.
Tool guides
Focused walk-throughs for common tasks.





