An 8-point spacing system end-to-end so AI-generated pages stop feeling loose. Free after signup — stacks on any template skill.
★★★★★4.7 · 716 reviews3,980 downloadsv2.0 released 2026-06-14
Sample output · CenteredPreview
Pages3Layout variants3StackCSS variablesContrastAll AA
Details
Ask AI to “make a General enhancer” and every result looks different: ad-hoc type sizes, uneven spacing. The model isn’t the problem — nobody told it how this kind of page should look.
This skill hands the AI a refined layout as rules: information order, type scale and spacing, contrast — all locked in the pack. You describe the product; it won’t ask you layout questions again.
What you can do
Ship a deployable General enhancer template from one sentence of brief
Swap variant params to change the whole look — no regenerate needed
Consistent output across clients when you build the same kind of site
Who it’s for
Designers and front-enders shipping marketing sites who need fast first drafts
Builders without a design resource who still want pages that look intentional
Locked palette & tokens
Ink / #1F1A3D
Ink 70 / #59547A
Cobalt / #6C4CFF
Coral / #FF7A45
Wash / #F4F0FF
How to use it
Prerequisites: Any of Claude, Cursor, Codex, Windsurf (Agent Skills folder support) · Node 18+ to run the generated project
Install spacing-rhythm with npx skillux add spacing-rhythm, or unzip into your tool’s skills folder (Install tab).
Start a new agent session so the pack is discovered.
Describe the product and primary CTA in one sentence — e.g. “General enhancer for a budgeting app; primary action is Start free.”
Review the draft, tweak copy or variant params if needed, then deploy the generated project.
Install spacing-rhythm (spacing-rhythm) with the CLI, or download the zip and place it by hand.
Recommended. Authorizes this machine, then writes spacing-rhythm into your agent skills folders.
1 · Login
npx skillux login
Opens the browser to authorize this machine.
2 · Install
npx skillux add spacing-rhythm
Writes the pack into your agent skills folders.
3 · Update
npx skillux update
Pulls newer versions for packs you already installed.
