DevToolKits.app
Articles

Articles

Technical articles and updates.

Use Case
DevToolKits.app

Use a SQL formatter before review to make queries easier to read

A practical workflow for formatting long SQL queries so JOIN, WHERE, GROUP BY, and ORDER BY clauses are easier to review.

Use Case
DevToolKits.app

Visualize GitHub Actions needs dependencies with Mermaid

A practical workflow for reading complex GitHub Actions workflow YAML by separating job dependencies from step details.

Use Case
DevToolKits.app

Common pitfalls when drawing infrastructure diagrams with Mermaid

A practical guide to organizing node names, arrows, and diagram scope when building infrastructure diagrams with Mermaid in the browser.

Use Case
DevToolKits.app

Generate Mermaid ER diagrams from SQL DDL to review table relationships

A practical workflow for turning CREATE TABLE statements into Mermaid ER diagrams and checking foreign keys before a schema review.

Use Case
DevToolKits.app

Design notes for building JOIN queries with a Visual SQL Builder

A practical workflow for using a Visual SQL Builder to assemble SELECT, JOIN, and WHERE clauses without losing track of table relationships.

Use Case
DevToolKits.app

Convert CSV and JSON to check data faster

A practical workflow for moving between CSV exports, API responses, and spreadsheet-style review without losing track of fields.

Use Case
DevToolKits.app

Visualize GitHub Actions failure logs to narrow down the cause

A practical workflow for organizing CI logs, finding the failed step, and sharing the important error context with reviewers.

Use Case
DevToolKits.app

Check JWT expiration and payload before an API review

A practical workflow for decoding JWTs, checking exp, iat, aud, and scope, and catching authentication issues before review.

Use Case
DevToolKits.app

Create TypeScript types and Zod schemas from a JSON API response

A practical workflow for formatting a JSON API response, generating TypeScript types, and turning the same shape into a Zod schema.

Use Case
DevToolKits.app

Validate regex patterns with sample text before coding

A practical workflow for testing regular expressions against logs, form input, and replacement targets before adding them to code.

Use Case
DevToolKits.app

Turn URL parameters into JSON for faster API debugging

A practical workflow for converting long query strings into JSON so filters, search terms, and pagination values are easier to inspect.

Introduction
DevToolKits.app

How to Convert HEX, RGB, and HSL Colors and Check Contrast

Convert CSS color formats, adjust colors with HSL, and check foreground/background contrast for readable UI design.