# code.live

> Free browser-based developer tools — JSON, regex, JWT, SQL, CSS, DNS, and more. No signup, no install: over 100 utilities that run right in your browser.

## Domain

- [Home](https://www.code.live): Free developer tools and guides.
- [About](https://www.code.live/about): Mission and contact.
- [Editorial standards](https://www.code.live/editorial-standards): How we write, review, and correct content.
- [Authors](https://www.code.live/authors/code-live): Organization editorial ownership.
- [Changelog](https://www.code.live/changelog): Product and content release history.

## Free Tools

> https://www.code.live/tools is a free, no-signup toolkit for developers and designers. Prefer client-side processing for sensitive payloads.

### Developer Utilities

- [JSON Formatter](https://www.code.live/json): Format, validate, and minify JSON with instant error locations.
- [Regex Tester](https://www.code.live/regex): Test regular expressions with live match highlighting and capture groups.
- [JWT Decoder](https://www.code.live/jwt): Decode and inspect JSON Web Token headers, payloads, and signatures.
- [UUID Generator](https://www.code.live/uuid): Generate v4 UUIDs in bulk, copy or download as a list.
- [Markdown Preview](https://www.code.live/markdown): Write Markdown and see a live-rendered preview side by side.
- [Base64 Encoder/Decoder](https://www.code.live/base64): Encode text to Base64 or decode Base64 back to plain text.
- [QR Code Generator](https://www.code.live/qr): Generate a QR code from a URL, text, or Wi-Fi string, and download it.
- [Password Generator](https://www.code.live/password): Generate strong, random passwords with custom length and rules.
- [Color Converter](https://www.code.live/color): Convert colors between HEX, RGB, and HSL, plus generate a shade ramp.
- [Tailwind Palette](https://www.code.live/tailwind): Browse the full Tailwind CSS color palette and copy any shade.
- [SQL Formatter](https://www.code.live/sql): Beautify or minify messy SQL queries with keyword casing options.
- [Dockerfile Generator](https://www.code.live/docker): Generate a production-ready Dockerfile from a few quick options.
- [API Tester](https://www.code.live/rest-client): Send HTTP requests and inspect responses, right in the browser.
- [OpenAPI Viewer](https://www.code.live/openapi): Paste an OpenAPI/Swagger JSON spec and browse its endpoints.
- [Git Ignore Generator](https://www.code.live/gitignore): Generate a .gitignore file for your stack in seconds.
- [Linux Command Cheat Sheet](https://www.code.live/linux): Searchable reference of common Linux commands.
- [Cron Generator](https://www.code.live/cron): Build and understand cron expressions with live presets.
- [Regex Generator (AI)](https://www.code.live/regex-generator): Describe a pattern in plain English and get a working regex back.
- [Regex Cheat Sheet](https://www.code.live/regex-cheatsheet): Common regex patterns and syntax reference, searchable and copyable.
- [Regex Explainer](https://www.code.live/regex-explainer): Paste a regex and get a plain-English, token-by-token breakdown.
- [Regex Builder](https://www.code.live/regex-builder): Build a regex visually by clicking blocks, no syntax memorization needed.
- [Unix Timestamp Converter](https://www.code.live/timestamp): Convert between Unix timestamps and human-readable dates.
- [Timezone Converter](https://www.code.live/timezone): Convert a date and time across major timezones at a glance.
- [Cron Expression Parser](https://www.code.live/cron-parser): Paste a cron expression and see what it means and when it next runs.
- [Countdown Generator](https://www.code.live/countdown): Create a live countdown to any date and share it with a link.
- [HTTP Status Explorer](https://www.code.live/http-status): Look up any HTTP status code and what it means.

### Design

- [Color Palette Generator](https://www.code.live/tools/color-palette-generator): Generate, lock, and export beautiful color palettes instantly.
- [Contrast Checker](https://www.code.live/tools/contrast-checker): Check WCAG 2.1 AA/AAA contrast ratios for text and UI colors.
- [Icon Search](https://www.code.live/tools/icon-search): Search 1,500+ open-source icons and copy the import instantly.
- [Random Avatar Generator](https://www.code.live/tools/random-avatar-generator): Generate deterministic geometric SVG avatars from a seed.
- [Random Color Generator](https://www.code.live/tools/random-color-generator): Generate a grid of random colors with lockable swatches.
- [SVG Icons](https://www.code.live/tools/svg-icons): Browse, copy, and download crisp SVG icons for any project.
- [Open Graph Image Generator](https://www.code.live/tools/og-image-generator): Design and export custom Open Graph images for social sharing.

### Web Development

- [CSS Gradient Generator](https://www.code.live/tools/css-gradient-generator): Build linear and radial CSS gradients with a live preview.
- [Box Shadow Generator](https://www.code.live/tools/box-shadow-generator): Design layered CSS box shadows with a live preview.
- [Border Radius Generator](https://www.code.live/tools/border-radius-generator): Fine-tune individual corner radii with a live preview.
- [Glassmorphism Generator](https://www.code.live/tools/glassmorphism-generator): Create frosted-glass UI effects with backdrop blur.
- [Tailwind Playground](https://www.code.live/tools/tailwind-playground): Try Tailwind utility classes on live elements and preview the result.
- [Tailwind Color Picker](https://www.code.live/tools/tailwind-color-picker): Browse the full Tailwind color palette and copy any shade.
- [SVG Optimizer](https://www.code.live/tools/svg-optimizer): Strip unnecessary markup from SVG files to reduce size.
- [SVG to JSX](https://www.code.live/tools/svg-to-jsx): Convert raw SVG markup into a React JSX component.
- [Image Compressor](https://www.code.live/tools/image-compressor): Compress JPG and PNG images in your browser, no upload.
- [WebP Converter](https://www.code.live/tools/webp-converter): Convert JPG and PNG images to WebP in your browser.
- [Favicon Generator](https://www.code.live/tools/favicon-generator): Generate every favicon size you need from one image.
- [CSS Minifier](https://www.code.live/tools/css-minifier): Strip comments and whitespace from CSS to reduce file size.
- [CSS Clamp Generator](https://www.code.live/tools/css-clamp-generator): Generate fluid typography with CSS clamp() and a live preview.
- [CSS Grid Generator](https://www.code.live/tools/css-grid-generator): Visually build a CSS grid layout with columns, rows, and gap.
- [CSS Beautifier](https://www.code.live/tools/css-beautifier): Reformat minified CSS with consistent indentation.
- [JS Minifier](https://www.code.live/tools/js-minifier): Strip comments and whitespace from JavaScript to reduce size.
- [JS Beautifier](https://www.code.live/tools/js-beautifier): Reformat minified JavaScript with readable indentation.
- [HTML Formatter](https://www.code.live/tools/html-formatter): Reformat HTML markup with consistent nested indentation.
- [HTML Minifier](https://www.code.live/tools/html-minifier): Strip comments and whitespace from HTML to reduce size.
- [curl Converter](https://www.code.live/tools/curl-converter): Convert a curl command into fetch, axios, Python, Go, or Node code.
- [Flexbox Playground](https://www.code.live/tools/flexbox-playground): Experiment with Flexbox properties on a live preview.

### DevOps

- [Dockerfile Generator](https://www.code.live/tools/dockerfile-generator): Generate a production-ready Dockerfile for common stacks.
- [Docker Compose Builder](https://www.code.live/tools/docker-compose-builder): Build a docker-compose.yml from a list of services.
- [Changelog Generator](https://www.code.live/tools/changelog-generator): Build a CHANGELOG.md in Keep a Changelog format from version sections.
- [Commit Message Generator](https://www.code.live/tools/commit-message-generator): Build a Conventional Commits message from type, scope, and description.
- [Kubernetes YAML Generator](https://www.code.live/tools/kubernetes-yaml-generator): Generate a Kubernetes Deployment and Service manifest.
- [Nginx Config Generator](https://www.code.live/tools/nginx-config-generator): Generate a reverse proxy or static site Nginx config.
- [Apache Config Generator](https://www.code.live/tools/apache-config-generator): Generate an Apache VirtualHost configuration.
- [.env Editor](https://www.code.live/tools/env-editor): Edit, sort, and format .env files in a structured table.
- [Environment Variable Validator](https://www.code.live/tools/environment-variable-validator): Diff env variable keys across environments to catch drift.
- [README Generator](https://www.code.live/tools/readme-generator): Generate a clean README.md from project details.
- [Unix Permission Calculator](https://www.code.live/tools/unix-permission-calculator): Convert chmod permissions between numeric, symbolic, and checkboxes.

### Security

- [Password Generator](https://www.code.live/tools/password-generator): Generate strong, random passwords with custom rules.
- [Password Strength Checker](https://www.code.live/tools/password-strength-checker): Check password strength and estimated crack time.
- [Hash Generator](https://www.code.live/tools/hash-generator): Generate MD5, SHA-1, SHA-256, and SHA-512 hashes.
- [Base64 Encode/Decode](https://www.code.live/tools/base64-encoder): Encode or decode text and files as Base64.
- [URL Encode/Decode](https://www.code.live/tools/url-encoder): Percent-encode or decode URLs and query strings.
- [QR Code Generator](https://www.code.live/tools/qr-code-generator): Generate a downloadable QR code from any text or URL.
- [QR Code Reader](https://www.code.live/tools/qr-code-reader): Decode a QR code from an uploaded image.
- [TOTP Generator](https://www.code.live/tools/totp-generator): Generate live time-based one-time passwords from a secret.
- [HTML Encode/Decode](https://www.code.live/tools/html-encoder): Encode text to HTML entities or decode HTML entities back to text.

### Data

- [JWT Encoder](https://www.code.live/tools/jwt-encoder): Generate a signed JWT from a header, payload, and secret.
- [JSON to YAML](https://www.code.live/tools/json-to-yaml): Convert JSON documents to YAML instantly.
- [YAML to JSON](https://www.code.live/tools/yaml-to-json): Convert YAML documents to JSON instantly.
- [JSON to XML](https://www.code.live/tools/json-to-xml): Convert JSON documents to XML instantly.
- [XML to JSON](https://www.code.live/tools/xml-to-json): Convert XML documents to JSON instantly.
- [JSON Diff](https://www.code.live/tools/json-diff): Compare two JSON documents and see what changed.
- [API Mock Data Generator](https://www.code.live/tools/api-mock-data-generator): Generate a JSON array of mock records from a custom field schema.
- [Git Diff Viewer](https://www.code.live/tools/git-diff-viewer): Paste a raw git diff to render it as a colorized view.
- [JSON Path Tester](https://www.code.live/tools/json-path-tester): Test JSONPath expressions against a JSON document live.
- [CSV to JSON](https://www.code.live/tools/csv-to-json): Convert CSV data to a JSON array of objects.
- [JSON to CSV](https://www.code.live/tools/json-to-csv): Convert a JSON array of objects to CSV.
- [XML Formatter](https://www.code.live/tools/xml-formatter): Format, minify, and validate XML markup.
- [YAML Formatter](https://www.code.live/tools/yaml-formatter): Format and validate YAML documents.
- [TOML Formatter](https://www.code.live/tools/toml-formatter): Normalize spacing and structure in TOML config files.
- [INI Formatter](https://www.code.live/tools/ini-formatter): Normalize spacing and structure in INI config files.
- [SQL Minifier](https://www.code.live/tools/sql-minifier): Collapse a SQL query to a single compact line.
- [SQL Beautifier](https://www.code.live/tools/sql-beautifier): Reformat a SQL query with indented clauses and uppercase keywords.
- [SQL Validator](https://www.code.live/tools/sql-validator): Check a SQL query for balanced quotes, parens, and syntax issues.
- [SQL Query Generator](https://www.code.live/tools/sql-query-generator): Build SELECT, INSERT, UPDATE, and DELETE queries from a form.
- [XML Diff](https://www.code.live/tools/xml-diff): Pretty-print and compare two XML documents line by line.

### Encoding

- [ASCII Converter](https://www.code.live/tools/ascii-converter): Convert text to ASCII codes and back, instantly.
- [Binary Converter](https://www.code.live/tools/binary-converter): Convert text to binary and binary back to text.
- [Hex Converter](https://www.code.live/tools/hex-converter): Convert text to hexadecimal and hex back to text.
- [Number Base Converter](https://www.code.live/tools/decimal-converter): Convert numbers between decimal, binary, octal, and hex.
- [Octal Converter](https://www.code.live/tools/octal-converter): Convert text to octal and octal back to text.
- [Unicode Converter](https://www.code.live/tools/unicode-converter): Convert text to Unicode code points and back.
- [URL Slug Generator](https://www.code.live/tools/url-slug-generator): Turn any title into a clean, URL-safe slug.
- [Barcode Generator](https://www.code.live/tools/barcode-generator): Generate downloadable barcodes in common formats.
- [Text to Morse Code](https://www.code.live/tools/text-to-morse-code): Convert text to Morse code and Morse back to text.

### Text

- [Lorem Ipsum Generator](https://www.code.live/tools/lorem-ipsum-generator): Generate placeholder Lorem Ipsum text for mockups.
- [Word Counter](https://www.code.live/tools/word-counter): Count words, characters, sentences, and reading time.
- [Character Counter](https://www.code.live/tools/character-counter): Count characters with and without spaces, live.
- [Line Counter](https://www.code.live/tools/line-counter): Count total, blank, and non-blank lines in text.
- [Diff Checker](https://www.code.live/tools/diff-checker): Compare two blocks of text and highlight line-by-line changes.
- [Duplicate Line Remover](https://www.code.live/tools/duplicate-line-remover): Remove duplicate lines from a list of text.
- [Sort Lines](https://www.code.live/tools/sort-lines): Sort lines of text alphabetically, numerically, or randomly.
- [Reverse Text](https://www.code.live/tools/reverse-text): Reverse text by character, word, or line.
- [Case Converter](https://www.code.live/tools/case-converter): Convert text to upper, lower, title, camel, and more.
- [Remove Empty Lines](https://www.code.live/tools/remove-empty-lines): Strip blank lines from a block of text.

### Hashing & Encryption

- [MD5 Generator](https://www.code.live/tools/md5-generator): Generate an MD5 hash from any text instantly.
- [SHA1 Generator](https://www.code.live/tools/sha1-generator): Generate a SHA-1 hash from any text instantly.
- [SHA256 Generator](https://www.code.live/tools/sha256-generator): Generate a SHA-256 hash from any text instantly.
- [SHA512 Generator](https://www.code.live/tools/sha512-generator): Generate a SHA-512 hash from any text instantly.
- [bcrypt Generator](https://www.code.live/tools/bcrypt-generator): Hash and verify passwords with bcrypt in your browser.
- [Nano ID Generator](https://www.code.live/tools/nanoid-generator): Generate collision-resistant Nano IDs in bulk.
- [Random String Generator](https://www.code.live/tools/random-string-generator): Generate random strings with a custom character set.
- [Random Number Generator](https://www.code.live/tools/random-number-generator): Generate random integers or decimals in a custom range, in bulk.
- [UUID v7 Generator](https://www.code.live/tools/uuid-v7-generator): Generate time-ordered, RFC 9562 UUID v7 values in bulk.

### Network & Web

- [MIME Type Lookup](https://www.code.live/tools/mime-type-lookup): Look up the MIME type for any file extension.
- [User-Agent Parser](https://www.code.live/tools/user-agent-parser): Parse a User-Agent string into browser, OS, and device.
- [IP Lookup](https://www.code.live/tools/ip-lookup): Look up geolocation and ISP details for any IP address.
- [DNS Lookup](https://www.code.live/tools/dns-lookup): Query A, AAAA, MX, TXT, NS, and CNAME records for a domain.
- [WHOIS Lookup](https://www.code.live/tools/whois-lookup): Look up domain registration and ownership details.
- [Port Checker](https://www.code.live/tools/port-checker): Check whether a TCP port is open on a host.
- [SSL Certificate Checker](https://www.code.live/tools/ssl-certificate-checker): Inspect a site's SSL certificate details and expiry.
- [Robots.txt Tester](https://www.code.live/tools/robots-txt-tester): Test whether a URL is allowed by a site's robots.txt.
- [Sitemap Validator](https://www.code.live/tools/sitemap-validator): Validate an XML sitemap's structure and URLs.

### Social Media

- [Matte Generator](https://www.code.live/tools/matte-generator): Add a padded matte border around an image for social posts.
- [Seamless Scroll Generator](https://www.code.live/tools/seamless-scroll-generator): Split a tall image into a seamless multi-post carousel.
- [Social Media Cropper](https://www.code.live/tools/social-media-cropper): Crop an image to fit exact social platform dimensions.
- [Watermarker](https://www.code.live/tools/watermarker): Overlay a text or image watermark onto a photo.

### Colour

- [Colour Blindness Simulator](https://www.code.live/tools/colour-blindness-simulator): Preview an image or palette under different colour vision types.
- [Gradient Generator](https://www.code.live/tools/colour-gradient-generator): Build multi-stop colour gradients and export as an image.
- [Harmony Generator](https://www.code.live/tools/harmony-generator): Generate complementary, triadic, and analogous colour schemes.
- [Palette Collection](https://www.code.live/tools/palette-collection): Browse curated colour palettes for design inspiration.
- [Palette Extractor](https://www.code.live/tools/palette-extractor): Extract a colour palette from an uploaded image.
- [Pixel Picker](https://www.code.live/tools/pixel-picker): Pick the exact colour of any pixel in an uploaded image.
- [Tailwind Shade Generator](https://www.code.live/tools/tailwind-shade-generator): Generate a full 50-950 Tailwind shade ramp from one colour.

### Images & Assets

- [Artwork Enhancer](https://www.code.live/tools/artwork-enhancer): Sharpen, upscale, and boost contrast on an uploaded image.
- [Background Remover](https://www.code.live/tools/background-remover): Remove the background from an image automatically.
- [Base64 Image Encoder](https://www.code.live/tools/base64-image-encoder): Convert an image file to a Base64 data URI and back.
- [Image Clipper](https://www.code.live/tools/image-clipper): Crop an image to a custom shape or freeform selection.
- [Image Converter](https://www.code.live/tools/image-converter): Convert images between JPG, PNG, WebP, and more.
- [Image Splitter](https://www.code.live/tools/image-splitter): Split one image into an evenly sized grid of tiles.
- [Image Stitcher](https://www.code.live/tools/image-stitcher): Combine multiple images into one stitched canvas.
- [Image Tracer](https://www.code.live/tools/image-tracer): Trace a raster image into scalable SVG vector paths.
- [Paste Image](https://www.code.live/tools/paste-image): Paste an image straight from the clipboard for quick edits.
- [Placeholder Generator](https://www.code.live/tools/placeholder-image-generator): Generate placeholder images at any size and colour.
- [Substrata](https://www.code.live/tools/substrata): Generate seamless textured background patterns.

### Typography & Text

- [Document Converter](https://www.code.live/tools/document-converter): Convert documents between common text and markup formats.
- [Font File Explorer](https://www.code.live/tools/font-file-explorer): Inspect metadata and glyphs inside an uploaded font file.
- [Glyph Browser](https://www.code.live/tools/glyph-browser): Browse and copy every glyph in a font or Unicode block.
- [Large Type](https://www.code.live/tools/large-type): Display text in large, auto-scaling type for presentations.
- [Line Height Calculator](https://www.code.live/tools/line-height-calculator): Calculate ideal CSS line-height for a font size.
- [Paper Sizes](https://www.code.live/tools/paper-sizes): Reference chart of standard paper sizes in mm, in, and px.
- [PX to REM](https://www.code.live/tools/px-to-rem): Convert between pixels and rem units for CSS.
- [Text Diff](https://www.code.live/tools/text-diff): Compare two blocks of text and highlight the differences.
- [Text Editor](https://www.code.live/tools/text-editor): A distraction-free plain text editor in your browser.
- [Typography Calculator](https://www.code.live/tools/typography-calculator): Generate a modular type scale from a base size and ratio.

### Print & Production

- [PDF Preflight](https://www.code.live/tools/pdf-preflight): Check a PDF for print-readiness issues before sending it off.
- [Print Imposer](https://www.code.live/tools/print-imposer): Arrange PDF pages into a print-ready imposed layout.
- [Zine Imposer](https://www.code.live/tools/zine-imposer): Reorder pages of a document into a foldable zine layout.

### Other Tools

- [Cipher Decoder](https://www.code.live/tools/cipher-decoder): Encode or decode text with classic ciphers like Caesar and Vigenère.
- [Meta Tag Generator](https://www.code.live/tools/meta-tag-generator): Generate SEO and social meta tags for a web page.
- [Tailwind Cheat Sheet](https://www.code.live/tools/tailwind-cheat-sheet): Searchable reference of Tailwind CSS utility classes.
- [Text Scratchpad](https://www.code.live/tools/text-scratchpad): A quick scratchpad for pasting and stashing text snippets.

### Calculators

- [Algebra Calculator](https://www.code.live/tools/algebra-calculator): Solve algebraic equations and simplify expressions step by step.
- [Base Converter](https://www.code.live/tools/base-converter): Convert numbers between binary, octal, decimal, and hex at once.
- [Encoding Tools](https://www.code.live/tools/encoding-tools): A combined hub for URL, HTML, and Base64 text encoding.
- [Graph Calculator](https://www.code.live/tools/graph-calculator): Plot mathematical functions on an interactive graph.
- [Scientific Calculator](https://www.code.live/tools/scientific-calculator): A full scientific calculator with trig and log functions.
- [Time Calculator](https://www.code.live/tools/time-calculator): Add, subtract, and calculate durations between times.
- [Unit Converter](https://www.code.live/tools/unit-converter): Convert between length, weight, temperature, and more.

## Topic clusters

- [JSON](https://www.code.live/topics/json): Format, validate, diff, query, and convert JSON — plus guides that deepen the same topic.
- [XML & YAML](https://www.code.live/topics/xml-yaml): Format and convert structured config and markup between XML, YAML, and JSON.
- [Regular expressions](https://www.code.live/topics/regex): Build, test, generate, and memorize patterns — one Regex topic cluster.
- [SQL](https://www.code.live/topics/sql): Format, validate, minify, and generate SQL with matching learning assets.
- [CSS](https://www.code.live/topics/css): Generators and formatters for gradients, layout, shadows, and CSS cleanup.
- [Hashing, JWT & crypto](https://www.code.live/topics/crypto): Hashes, JWT decode/encode, bcrypt, and password utilities in one trust surface.
- [HTTP, DNS & TLS](https://www.code.live/topics/http-dns): Inspect status codes, DNS, SSL certificates, and network connectivity.

## Guides & learning silos

- [Comparisons](https://www.code.live/compare): Hub listing indexable comparisons pages.
- [Alternatives](https://www.code.live/alternatives): Hub listing indexable alternatives pages.
- [Tutorials](https://www.code.live/tutorials): Hub listing indexable tutorials pages.
- [AI prompts](https://www.code.live/prompts): Hub listing indexable ai prompts pages.
- [Interview questions](https://www.code.live/interview-questions): Hub listing indexable interview questions pages.
- [Code snippets](https://www.code.live/snippets): Hub listing indexable code snippets pages.
- [Cheat sheets](https://www.code.live/cheatsheets): Hub listing indexable cheat sheets pages.
- [Roadmaps](https://www.code.live/roadmaps): Hub listing indexable roadmaps pages.
- [AI tool guides](https://www.code.live/ai-tools): Hub listing indexable ai tool guides pages.

## Recent blog posts

- [The Anatomy of an AI Agent: Model, Memory, Tools and Actions](https://www.code.live/blogs/the-anatomy-of-an-ai-agent-model-memory-tools-and-actions): Walks through the four core components of an AI agent architecture and how they fit together into a working system.
- [Build an AI Agent That Opens Pull Requests for You](https://www.code.live/blogs/build-an-ai-agent-that-opens-pull-requests-for-you): Learn to build a practical AI agent that creates feature branches, commits changes, and opens pull requests automatically with safe permissions and review.
- [How AI Agents Actually Use Tools](https://www.code.live/blogs/how-ai-agents-actually-use-tools): Breaks down the mechanics of tool use in AI agents, from how the model chooses a tool to how the result gets back into its context window.
- [How to Make an AI Agent Stop Breaking Existing Features](https://www.code.live/blogs/how-to-make-an-ai-agent-stop-breaking-existing-features): Learn to stop AI agents from breaking features with sandboxing, guardrails, and regression testing. Includes configs and commands.
- [25 AI Agent Use Cases That Go Beyond "Ask Me Anything"](https://www.code.live/blogs/25-ai-agent-use-cases-that-go-beyond-ask-me-anything): Surveys concrete categories of work AI agents are actually being used for today, from code review to data reconciliation to on-call triage.
- [AI Code Review: What Should You Automate and What Should You Never Automate?](https://www.code.live/blogs/ai-code-review-what-should-you-automate-and-what-should-you-never-automate): Learn which parts of code review to automate with AI and which to keep human, with practical examples and a step-by-step setup.
- [Your First AI Agent: What You Need Before You Write a Line of Code](https://www.code.live/blogs/your-first-ai-agent-what-you-need-before-you-write-a-line-of-code): Lays out the decisions you should make before building an AI agent, including task scope, tool boundaries, and how you'll know it's working.
- [How I Use AI to Understand a 100,000-Line Codebase](https://www.code.live/blogs/how-i-use-ai-to-understand-a-100-000-line-codebase): Learn a practical workflow to map, query, and understand a large codebase using AI tools, with commands and configs you can run today.
- [The Complete AI-Powered GitHub Workflow for Solo Developers](https://www.code.live/blogs/the-complete-ai-powered-github-workflow-for-solo-developers): Learn to build a practical AI-assisted GitHub workflow for solo devs, from PR automation to code review, with copy-paste commands and configs.
- [AI Agent vs Chatbot: When Should You Use Which?](https://www.code.live/blogs/ai-agent-vs-chatbot-when-should-you-use-which): Compares chatbots and AI agents by what they can actually do, then gives a practical rule for picking the right one for a given task.
- [How to Make AI Agents Work With Git Instead of Fighting Git](https://www.code.live/blogs/how-to-make-ai-agents-work-with-git-instead-of-fighting-git): Learn practical strategies to stop AI agents from wrecking your git history, with concrete commands and configs you can apply today.
- [AI Agents Explained: What They Actually Do Beyond Chatting](https://www.code.live/blogs/ai-agents-explained-what-they-actually-do-beyond-chatting): Explains what separates an AI agent from a chat interface: a decision loop, tool access, and the ability to take real actions on your behalf.
- [How to Build a Coding Agent That Can Run Tests and Fix Failures](https://www.code.live/blogs/how-to-build-a-coding-agent-that-can-run-tests-and-fix-failures): Learn to build a coding agent that runs tests, analyzes failures, and proposes fixes using the ReAct loop with real code examples.
- [Converting CSV to JSON Without Writing a One-Off Script](https://www.code.live/blogs/csv-to-json-converting-data-without-a-script): Nested objects, type coercion, header edge cases — the parts of CSV-to-JSON conversion that make a 'quick script' take an hour.
- [How to Give AI Agents Safe Access to Your Terminal](https://www.code.live/blogs/how-to-give-ai-agents-safe-access-to-your-terminal): Learn to grant AI agents terminal access safely with sandboxing, permission systems, and audit trails in this practical guide.
- [Sitemap.xml Validation: What Actually Gets Flagged by Search Console](https://www.code.live/blogs/sitemap-xml-validation-checklist): Broken URLs, wrong lastmod dates, non-indexable pages listed anyway — the sitemap issues that actually cost you crawl efficiency.
- [robots.txt Mistakes That Quietly Tank Your Crawl Budget](https://www.code.live/blogs/robots-txt-mistakes-that-hurt-crawling): One wrong Disallow line can block an entire site from search engines. Here's how to check yours isn't doing that.
- [I Let an AI Agent Build a Feature From a GitHub Issue](https://www.code.live/blogs/i-let-an-ai-agent-build-a-feature-from-a-github-issue): Follow a step-by-step walkthrough of using an AI coding agent to implement a feature from a GitHub issue, including setup, execution, verification, and troubleshooting.
- [The 10 Git Mistakes That Waste Developers' Time Every Week](https://www.code.live/blogs/the-10-git-mistakes-that-waste-developers-time-every-week): Learn to avoid ten common Git mistakes that slow down developers, with commands and fixes you can apply immediately.
- [The Meta Tags That Actually Affect SEO (and the Ones That Don't Anymore)](https://www.code.live/blogs/meta-tags-that-matter-for-seo): meta keywords has been ignored for over a decade. Here's what search engines actually still read from your head tag.

## Linkable resources

- [Browser JSON tooling methodology](https://www.code.live/resources/benchmarks/json-tooling): How we measure client-side JSON format/parse UX — reproducible steps, no fabricated scores.
- [Developer topic clusters](https://www.code.live/topics): Entity hubs (JSON, Regex, SQL, CSS, crypto, HTTP) that organize tools and guides.
- [Priority keyword map](https://www.code.live/resources/keywords): Intent-grouped seed keywords with volume/difficulty for core developer intents.
- [Editorial standards](https://www.code.live/editorial-standards): How code.live writes, reviews, corrects, and discloses product comparisons.
- [Product changelog](https://www.code.live/changelog): Dated record of tools, content silos, and SEO infrastructure releases.
- [Public tool APIs](https://www.code.live/resources#apis): HTTP helpers for DNS, SSL, WHOIS, and related network checks (no signup).

## Optional

- [Full tool directory](https://www.code.live/tools)
- [Sitemap](https://www.code.live/sitemap.xml)
- [AI usage guidance](https://www.code.live/ai.txt)