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, drag-drop import, and ready-made templates. Includes Gen AI templates for system prompts, prompt engineering, and AI agent specifications 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.
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 actually 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.
Advanced Error Handling, Debugging & Security in n8n – Production-Ready Workflows
Master n8n error workflows, retry logic, debugging tools, and security best practices to build resilient automations. Learn how to handle failures gracefully, troubleshoot effectively, and lock down your n8n instance.
TOON vs YAML — Reduce LLM Token Costs & When to Use Each
Discover how TOON (Token-Oriented Object Notation) can reduce LLM token usage by 30–60% compared to YAML, and learn when to use each format for optimal performance and cost efficiency.
Tool guides
Focused walk-throughs for common tasks.