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.

64

Quality

76%

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

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.

The body is concise and well-structured for a simple, single-purpose skill, with clear sequencing and good guardrails. Its main gap is actionability: the workflow describes what to do without executable SVG filter code or concrete parameters.

Suggestions

Include a minimal executable SVG filter snippet (feGaussianBlur + feColorMatrix threshold values) so the core technique is copy-paste ready.

Add concrete tuning values or ranges for blur radius, contrast/matrix threshold, and shape spacing to make step 5 actionable.

Optionally add a short verification cue (e.g., 'confirm shapes fuse into one continuous mass when overlapping') as a checkpoint after building the filter.

DimensionReasoningScore

Conciseness

Lean and efficient with no padding or re-explanation of SVG/filter concepts Claude already knows; every line earns its place.

5 / 5

Actionability

Gives instructive, high-level steps ('Gaussian blur followed by a color matrix threshold', 'animate multiple overlapping circles') but no executable filter markup or parameter values, so guidance is concrete in direction yet incomplete in execution detail.

3 / 5

Workflow Clarity

Five clearly sequenced steps covering build, animate, refine, apply, and tune, with implicit checkpoints; minor gaps in explicit validation but the operation is non-destructive so no hard cap applies.

4 / 5

Progressive Disclosure

Under 50 lines, single-purpose, and organized into clear Use When / Workflow / Guardrails sections with no need for external references — satisfying the simple-skill exception.

5 / 5

Total

17

/

20

Passed

Description

75%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 specific and distinctive, naming the SVG-filter technique and its characteristic visual behaviors concretely. Its main weakness is the missing explicit 'Use when' trigger guidance within the description field itself, which the body compensates for.

Suggestions

Add a 'Use when...' clause to the description field stating when to invoke the skill (e.g., 'Use when a page needs organic, fluid shapes that merge and separate as one soft system').

Broaden trigger terms with common synonyms or phrasings a user might actually say, such as 'gooey effect', 'metaball', or 'liquid blob animation'.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'overlapping circles combined with a Gaussian blur and color matrix filter', 'filter-driven merging (blur + threshold effect)', 'soft organic boundaries' — giving comprehensive coverage of the effect's mechanics.

5 / 5

Completeness

Clearly answers 'what' but the description field contains no explicit 'Use when...' trigger clause, which per the rubric caps completeness at 3 even though the body later supplies one.

3 / 5

Trigger Term Quality

Includes natural terms users would say ('gooey blob', 'SVG filters', 'fluid form', 'organic') with good coverage, but leans niche and omits common synonyms or format hints that would round out the set.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (gooey blob SVG filter effect) with distinct, specific triggers and minimal overlap with other skills.

5 / 5

Total

17

/

20

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.