Guides

Written to be worked through, not skimmed. Each one ends with something running.

9 guides

4 steps

Your first connected source

Connect a warehouse, run a sync, and read the first row that lands.

Beginner 12 min
6 steps

Building a dashboard people use

Choosing the four numbers that matter and refusing the other twenty.

Beginner 18 min
5 steps

Alerts that do not cry wolf

Thresholds, windows and the discipline of deleting a noisy alert.

Intermediate 22 min
7 steps

Automating reports with the API

Keys, pagination, retries and a scheduled job you can trust.

Intermediate 28 min
6 steps

Row-level access without tears

Mapping directory groups to rules that survive a reorganisation.

Intermediate 25 min
9 steps

Zero-downtime schema migrations

Expand and contract, with the backfill patterns that survive contact with production.

Advanced 41 min
8 steps

Query performance from first principles

Reading a plan, spotting the wrong join order, and proving the fix worked.

Advanced 36 min
5 steps

Self-hosting in your own cluster

Helm values, secrets management and the upgrade path you will thank yourself for.

Advanced 45 min
3 steps

Exporting evidence for an audit

What auditors actually ask for, and how to produce it in an afternoon.

Beginner 15 min

Prefer a path to a pile?

Three guides, in order, taking you from an empty workspace to a scheduled report.

1 Connect a source

2 Build a dashboard

3 Schedule the report

">

The prompt

Design a guide library with Tailwind CSS. The header has a heading, a subline about learning paths, and a filter row with three level chips — Beginner, Intermediate, Advanced — plus a muted result count on the right. Below, a three-column responsive grid of guide cards: each card is a bordered rounded-xl tile with a small monospaced step count at the top right, a glyph tile, a title, a two-line description, and a footer row separated by a hairline showing a level pill in a tint appropriate to its difficulty and a reading time in muted small text. Include nine guides across the levels. Under the grid, a wide bordered strip suggesting a structured path, with a heading, one line of copy, three numbered mini-steps in a row, and a dark button reading "Start the path".

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .

More blog / content prompts

All Blog / Content prompts →