← All skills

Gooey blob system

Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form.

CSS craftMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/gooey-blob-system .claude/skills/gooey-blob-system

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

What it does

Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian blur and color matrix filter to produce a continuous, organic mass. The forms should visually fuse and separate based on proximity. Focus on filter-driven merging (blur + threshold effect), soft organic boundaries with no hard edges, multiple independent shapes behaving as one system, and smooth continuous motion that feels fluid and cohesive.

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