gooey-blob-system

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.

Quality

74%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./agent-skills/web-design/gooey-blob-system/SKILL.md

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a compact, well-structured skill body that respects token budget and adds genuinely non-obvious guidance (the blur-then-threshold merge technique, anti-pattern guardrails, low-motion fallback). Its main gap is actionability: a minimal executable SVG filter example with concrete parameter values would make it copy-paste ready, and an explicit visual-verification checkpoint would strengthen the workflow. No bundle files exist, which is consistent with the body referencing none.

Suggestions

Add a minimal executable SVG filter snippet (e.g. feGaussianBlur with a concrete stdDeviation and an feColorMatrix alpha-threshold matrix) so the merge effect is copy-paste ready.

Include concrete starting parameter relationships (e.g. contrast multiple vs. blur radius) so the step-5 tuning has a defined starting point.

Add an explicit verification checkpoint, e.g. 'Render two approaching circles; if a visible bridge does not form between them, increase the color-matrix contrast before animating.'

Dimension	Reasoning	Score
Conciseness	The body is lean and assumes competence — it never explains what SVG filters, Gaussian blur, or color matrices are; every line ('Build the effect with SVG filters: Gaussian blur followed by a color matrix threshold') directs rather than teaches, matching 'lean and efficient; every token earns its place'.	5 / 5
Actionability	The guidance names the correct technique sequence (blur, then color-matrix threshold, then animate overlapping shapes) but provides no executable code or parameters — no feGaussianBlur stdDeviation value, no feColorMatrix threshold matrix, no starter markup — so key implementation details are missing, matching 'some concrete guidance but incomplete' rather than the code-bearing anchor 4.	3 / 5
Workflow Clarity	The five Workflow steps form a clear, ordered sequence and step 5 ('Tune blur, contrast, and shape spacing together so merging remains visible') acts as a soft checkpoint, but there is no explicit validate-then-proceed feedback loop for verifying the merge visually, fitting 'clear sequence with most checkpoints present; minor validation gaps'.	4 / 5
Progressive Disclosure	The skill is under 50 lines, needs no external references, and is cleanly organized into 'Use When', 'Workflow', and 'Guardrails' sections with no buried content, satisfying the rubric's simple-skill exception for a full score on well-organized sections alone.	5 / 5
	Total	17 / 20 Passed

Description

70%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is technically specific and distinctive, clearly naming the gooey-merge mechanism (SVG Gaussian blur + color matrix threshold) and its visual goals. Its main weakness is the complete absence of a 'Use when...' trigger clause, which both caps completeness and leaves natural trigger phrasing thinner than it could be. Adding explicit when-to-use guidance and synonyms like 'metaball' would raise completeness toward 5 without adding fluff.

Suggestions

Add an explicit trigger clause, e.g. 'Use when the user asks for gooey, metaball, liquid/morphing blob effects or wants SVG shapes to visually merge.'

Include common synonyms users say for this effect — 'metaball', 'goo effect', 'liquid blobs' — to broaden trigger-term coverage.

Trim the 'Focus on...' sentence, which restates qualities already covered by earlier sentences, and fold any unique terms into the trigger clause instead.

Dimension	Reasoning	Score
Specificity	Names the domain and several concrete technical actions — 'Use overlapping circles combined with a Gaussian blur and color matrix filter' and 'filter-driven merging (blur + threshold effect)' — but coverage stays within one effect rather than listing multiple comprehensive operations, matching 'lists several specific actions; minor gaps' and falling short of the comprehensive multi-action anchor 5.	4 / 5
Completeness	The 'what' is explicit and concrete ('multiple shapes merge into a single fluid form'), but there is no 'Use when...' clause or equivalent trigger guidance anywhere in the description, which per the judging guidelines caps completeness at 3 ('when' is missing or only weakly implied).	3 / 5
Trigger Term Quality	Natural terms users would say for this effect are present ('gooey blob system', 'SVG filters', 'Gaussian blur', 'organic', 'fluid form'), but common synonyms like 'metaball', 'goo effect', or 'liquid/fluid animation' are missing, fitting 'good keyword coverage; a few natural terms missing' rather than the comprehensive anchor 5.	4 / 5
Distinctiveness Conflict Risk	'Gooey blob system' via 'SVG filters' with 'Gaussian blur and color matrix' threshold merging is a clear niche with distinct triggers (gooey, blob, metaball-style merging) and minimal overlap risk with generic SVG, CSS, or animation skills.	5 / 5
	Total	16 / 20 Passed

Validation

100%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: MengTo/Skills
Path: agent-skills/web-design/gooey-blob-system/SKILL.md
Commit: 798db0a

Reviewed: 5 days ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.