Skills

Design moves

Skills, one click each.

A skill is a named design move — make it editorial, add glass cards, add a WebGL background. Pick one from the Quick remix menu on any library card or in the remix editor and it is applied in one click.

Kinetic headline

Motion

The headline lands word by word, once, and stays readable without motion.

What it does

Reveal the main headline word by word as the page loads, each word rising into place on a short stagger, then holding still. Without motion (prefers-reduced-motion, or scripts off) the full headline simply appears. Leave every other heading static. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Kinetic typography

Used 0 timesQuick remix → pick it

Spotlight cursor glow

Motion

Subscription

A soft glow follows the pointer across a section.

Used 0 times

Magnetic call to action

Motion

Subscription

The main button drifts toward the pointer as it nears.

Used 0 times

Tilt the cards

Motion

Subscription

Cards tilt in 3D toward the cursor with a light glow.

Used 0 times

Count up the numbers

Motion

Subscription

Stats animate from zero to their value when scrolled into view.

Used 0 times

Scroll progress bar

Motion

Subscription

A thin accent bar at the top tracks how far the reader has scrolled.

Used 0 times

Marquee band

Motion

Subscription

An infinite scrolling text band between sections.

Used 0 times

Border beam cards

Motion

Subscription

A comet of light runs around each card's border.

Used 0 times

Shimmer call to action

Motion

Subscription

A band of light crosses the main button, faster on hover.

Used 0 times

Text scramble reveal

Motion

Subscription

Key lines resolve out of random glyphs, each letter settling in turn.

Used 0 times

Skeleton loading shimmer

Motion

Subscription

Placeholder blocks with a sweeping highlight while content loads.

Used 0 times

Your saved skills.

Skills are reusable recipes — a brief plus inspirations plus optional starter DESIGN.md, saved once and applied to any project. Build a skill the first time you nail a generation, apply it forever after.

You haven't saved any skills yet.

Generate something you love (DESIGN.md or landing page) → click Save as skill.