progressive-blur
Installation
SKILL.md
Progressive Blur Skill
Workflow
- Confirm placement (top or bottom), height, and z-index relative to UI.
- Provide the matching snippet and a short usage checklist.
- Offer only targeted tweaks (height, blur steps, direction, opacity stops).
Usage checklist
- Insert the HTML inside
<body>. - Keep the
.gradient-blurelement near the top of the DOM. - Ensure the background behind it exists (backdrop-filter blurs what is behind).
- Adjust
z-indexto sit above content but below modals.