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.

Add a WebGL background

Depth

A flowing GPU shader behind the hero, with a still fallback and reduced-motion support.

What it does

Put a full-bleed WebGL shader behind the hero as a flowing colour field drawn from the page's own palette. Render it on a canvas behind the content, pause it when it leaves the viewport, honour prefers-reduced-motion by drawing one still frame, and give it a plain gradient fallback if WebGL is unavailable. The content stays above it and fully legible. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Shader gradient

Used 0 timesQuick remix → pick it

Aurora hero

Depth

Northern-lights light curtains over a starfield, hero-ready.

What it does

Replace the hero background with a slow aurora: soft vertical light curtains in the page's palette over a faint starfield on a deep ground. The headline and call to action sit above it with full contrast. Provide a still fallback and respect reduced motion. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Aurora hero

Used 0 timesQuick remix → pick it

Liquid shader field

Depth

A domain-warped flow that moves like liquid, not stacked gradients.

What it does

Give the hero a liquid background: a domain-warped noise field that folds through itself slowly, in two or three tones from the page's palette, with no visible banding. Keep it behind the content, pause it off-screen and show a still frame under reduced motion. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Domain-warped flow

Used 0 timesQuick remix → pick it

Liquid chrome accent

Depth

Subscription

One molten, reflective metal accent as the page's single showpiece.

Used 0 times

Fresnel sphere hero

Depth

Subscription

A displaced 3D sphere with a glowing rim behind the headline.

Used 0 times

Glass orb centrepiece

Depth

Subscription

A dark glass sphere with internal glow as the hero's centrepiece.

Used 0 times

Particle field depth

Depth

Subscription

A field of connected particles that leans toward the cursor.

Used 0 times

Noise tunnel depth

Depth

Subscription

An endless soft tunnel scrolling inward behind the hero.

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.