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 glass cards

Surface

Frosted, translucent cards that sit over a soft colour field.

What it does

Turn the page's cards into frosted glass: a translucent fill, a backdrop blur, a one-pixel light border and a soft inner highlight on the top edge. Put a slow, blurred colour field behind them so the glass has something to refract, and keep text contrast at AA or better on the glass. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Glass morphism

Used 0 timesQuick remix → pick it

Mesh gradient backdrop

Surface

A Stripe- and Linear-style four-point mesh blend, perpetually drifting.

What it does

Add a four-point mesh gradient behind the hero and the closing call to action, blending the page's accent with two neighbouring hues and the ground colour, drifting slowly. Content stays crisp above it. Keep every word of copy, the order of the sections, the links and the page's purpose exactly as they are.

Uses: Animated mesh gradient

Used 0 timesQuick remix → pick it

Halftone print texture

Surface

Subscription

An editorial dot screen over a moving gradient, print-grade.

Used 0 times

Topographic line-work

Surface

Subscription

Contour lines of flowing noise — designer-grade line texture.

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.