← All skills

Progressive blur

Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness.

CSS craftMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/progressive-blur .claude/skills/progressive-blur

Run it in your project root, then ask your agent for what you want. More detail

What it does

Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness. Use when asked for “progressive blur”, “gradient blur overlay”, or stepped blur masks that fade from an edge of the viewport.

Straight from the skill's own SKILL.md. This is what your agent reads.