Adds motion to an existing site. Easing and duration follow the action — not one 0.3s ease for everything. Outputs a CSS / Motion project — install deps and deploy.
★★★★★4.6 · 76 reviews421 downloadsv0.9 released 2026-10-20
Sample output · CenteredPreview
Pages3Layout variants3StackCSS / MotionContrastAll 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 motion-pass with npx skillux add motion-pass, 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 motion-pass (motion-pass) with the CLI, or download the zip and place it by hand.
Recommended. Authorizes this machine, then writes motion-pass into your agent skills folders.
1 · Login
npx skillux login
Opens the browser to authorize this machine.
2 · Install
npx skillux add motion-pass
Writes the pack into your agent skills folders.
3 · Update
npx skillux update
Pulls newer versions for packs you already installed.
