goldenratio.app

app.goldenratio/mcp · v0.1.1 · design

goldenratio.app is healthy: it completed an MCP handshake in 1104 ms and exposes 6 tools.

Golden-ratio design math: spacer calculator, spacing scale, grid widths, CSS vars, Tailwind setup.

Endpoint: https://mcp.goldenratio.app/mcp (streamable-http)

Repository · Website · JSON · Add to my inventory

Facts

Users (last 30 days)0
HandshakeHealthy
Auth neededNone
Tool count6
Latency1104 ms
Last checked (UTC)2026-11-07T03:30:43.479Z

Health history

Checked (UTC)StatusLatencyError
2026-11-07T03:30:43.479ZHealthy1104

Tools (6)

golden_calculatorThe goldenratio.app Golden Calculator. Stack spacers numbered 1-11 (each is the previous x 1.618) on a left and a right side; returns whether both sides are equal and, if not, every combination of spacers that would make the shorter side match ("Try" on the site). The site starts with left = [6, 5,
golden_spacingThe golden spacing scale (spacers 1-11 plus half-N and double-N) with exact values, px and CSS variable names, as used by goldenratio.app and the tailwindcss-golden-ratio plugin. With default options it also returns the rounded cheatsheet table from goldenratio.app/#/spacing.
golden_gridThe golden grid from goldenratio.app/#/grid: w-grp-1..11, w-grp-half-*, w-grp-double-* percentage widths, the starter .container/.row CSS, every example row from the site with its total width, and an optional check of your own row (does it add up to exactly 100%?).
golden_css_variablesThe :root block of golden-ratio CSS variables (--golden-ratio-1..11, half-*, double-*, --gr) exactly as goldenratio.app ships it. Use without Tailwind.
tailwind_plugin_setupHow to add the tailwindcss-golden-ratio plugin (the one goldenratio.app uses): install command, tailwind.config.js, options, and the exact theme values it generates (spacing, grp widths, scale, fontSize extras, borderWidth/lineHeight) for the given options.
golden_ratio_stepsStep any number up or down the golden ratio (x or / 1.61803398875), e.g. to pick a type scale or the next size. What the goldenratio.app Alfred workflow does.