CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

60

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

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
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The content is concise and well-organized for a simple visual-effect skill, but it stops short of executable guidance and lacks a verification step. Adding a minimal SVG filter code example and a merge-check checkpoint would make it fully actionable.

Suggestions

Include a minimal, complete SVG filter snippet (feGaussianBlur + feColorMatrix threshold values) so the effect is copy-paste ready.

Add a verification checkpoint in the workflow, e.g., confirm shapes visibly fuse before tuning blur, contrast, and spacing.

Optionally show one concrete motion snippet (e.g., a CSS/JS-driven translate animation) so the 'animate overlapping circles' step is executable.

DimensionReasoningScore

Conciseness

The body is lean at roughly 22 lines with no padding and does not explain SVG or filter basics Claude already knows, so every token earns its place.

3 / 3

Actionability

It names the technique ('Gaussian blur followed by a color matrix threshold') but provides no executable SVG filter markup and omits the critical threshold matrix values that produce the gooey effect, leaving the guidance incomplete.

2 / 3

Workflow Clarity

The five steps are clearly sequenced, but there is no verification checkpoint (e.g., confirm shapes visibly merge before tuning), so checkpoints are missing or only implicit.

2 / 3

Progressive Disclosure

The skill is under 50 lines with no need for external references and is cleanly organized into Use When, Workflow, and Guardrails sections, satisfying the simple-skill exception.

3 / 3

Total

10

/

12

Passed

Description

67%

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 specific and distinctive, clearly conveying a narrow SVG-filter niche, but it omits an explicit 'Use when' trigger and leans on technical jargon over natural user phrasing. Adding a trigger clause and more everyday terms would raise completeness and trigger quality.

Suggestions

Append a 'Use when...' clause to the description (e.g., when a user asks for a gooey, metaball, or fluid blob effect) to satisfy explicit trigger guidance.

Soften technical jargon by pairing 'color matrix filter' with a natural phrase like 'soft gooey blob / metaball effect'.

Add a couple of common layperson synonyms ('organic blobs', 'metaballs') to broaden natural trigger coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete actions such as 'Gaussian blur and color matrix filter', 'overlapping circles', and 'filter-driven merging (blur + threshold effect)', matching the anchor for multiple specific concrete actions.

3 / 3

Completeness

Clearly states what the skill does but lacks a 'Use when...' clause or equivalent explicit trigger in the description, so per the guidelines completeness is capped at 2.

2 / 3

Trigger Term Quality

Includes some natural terms a user might say ('gooey blob', 'fluid', 'merge') but is weighted toward technical jargon ('color matrix', 'Gaussian blur', 'threshold effect') and omits simpler common variations.

2 / 3

Distinctiveness Conflict Risk

The gooey blob SVG-filter effect is a sharply defined niche with distinct triggers, making it unlikely to fire for unrelated skills.

3 / 3

Total

10

/

12

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/Skills
Reviewed

Table of Contents

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.