spacing-rhythm
By Lin Xiu · v2.0
One 8-point spacing system end to end so AI layouts stop looking loose. Free after signup.
3,980 downloads
Give one brand color; AI expands a full scale that clears WCAG AA. Stacks on other skills.
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.
Prerequisites: Any of Claude, Cursor, Codex, Windsurf (Agent Skills folder support) · Node 18+ to run the generated project
Install brand-palette (brand-palette) with the CLI, or download the zip and place it by hand.
Recommended. Authorizes this machine, then writes brand-palette into your agent skills folders.
npx skillux loginOpens the browser to authorize this machine.
npx skillux add brand-paletteWrites the pack into your agent skills folders.
npx skillux updatePulls newer versions for packs you already installed.
Copy all three
npx skillux login
npx skillux add brand-palette
npx skillux updateUse npx skillux add brand-palette -p to install into the current project only. Credentials live in ~/.skillux/credentials.json.
General enhancers stack on template skills and apply together.
By Lin Xiu · v2.0
One 8-point spacing system end to end so AI layouts stop looking loose. Free after signup.
By Zhou Yan · v2.3
SaaS landing kit. Describe the product and primary CTA; get hero, features, pricing, FAQ, proof, and contact — type scale and spacing locked by rules.
By Zhou Yan · v1.6
Portfolio sites. Picks a grid from image count and aspect ratios — one rule set from desktop to phone.