CtrlK
BlogDocsLog inGet started
Tessl Logo

atmosphere-background

Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

52

Quality

58%

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

Quality

Content

57%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.

A lean, well-sectioned single-file skill that conveys the visual intent clearly, but it is guidance-only: the empty Workflow header, verbatim duplication of the description in "Use When", and total absence of concrete implementation detail (any code or default parameter values) limit its actionability and clarity.

Suggestions

Fill or remove the empty "## Workflow" section — either provide an ordered build sequence (setup canvas, draw fold bands, apply screen blending, add radial glow overlay, verify) or delete the header.

Add concrete defaults for the tuning knobs (e.g., 5-9 folds, drift amplitude 10-30px over 8-12s, gradient opacity range) and a minimal canvas/shader snippet showing one fold band with sine drift and screen blending.

Replace the verbatim repeat of the description in "Use When" with actual trigger conditions, and merge overlapping "Tuning knobs" items with "Implementation guidance" to remove redundancy.

DimensionReasoningScore

Conciseness

The body is mostly on-topic guidance with no concept explanations Claude already knows, but it can be tightened: the "Use When" section repeats the frontmatter description word-for-word, and "Tuning knobs" restates parameters already covered in "Implementation guidance" (fold count/density, drift, color, softness). Anchor 3 (mostly efficient, some unnecessary content) fits better than 4 given this duplication, but it is far from the padded verbosity of anchor 2.

3 / 5

Actionability

Guidance is qualitatively concrete ("screen or additive-style blending", "vertical gradients that fade at the top and intensify toward the bottom", "subtle radial glow overlay"), but there is no code, no concrete parameter values (fold count, drift speed, gradient stops, canvas setup), and no minimal snippet to start from — matching anchor 3's "some concrete guidance but incomplete; missing key details". It is above anchor 2 because the visual recipe is specific enough to act on, and below anchor 4 because nothing is executable or copy-paste ready.

3 / 5

Workflow Clarity

The "## Workflow" section is present but completely empty, and the remaining content is organized by aspect rather than as a buildable sequence (layer order, when to add the radial overlay, how to verify the result). This is a simple single-purpose skill where 5 is possible if the single action is unambiguous, but the dangling empty Workflow header and absence of any ordered steps or verification check (e.g., visually confirm focal glow, check performance/fps) keep it at 3.

3 / 5

Progressive Disclosure

The body is ~38 lines with no bundle files (references/, scripts/, assets/ do not exist) and no external references, yet everything needed for this single-purpose visual skill is inlined under clear, well-labeled sections (Scope, Visual target, Implementation guidance, Tuning knobs, Avoid). Per the rubric's simple-skill guidance, an under-50-line skill with no need for external references scores 5 with well-organized sections, which this has.

5 / 5

Total

14

/

20

Passed

Description

58%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 gives a concrete, vivid picture of the visual output but omits any trigger clause telling Claude when to reach for it. Its keyword set covers the core vocabulary but misses natural synonyms users would likely say.

Suggestions

Add an explicit trigger clause, e.g., "Use when the user asks for an atmospheric, ambient, or moody background layer, hero backdrop, or animated light-curtain/webgl background effect."

Include natural synonyms users would say — "ambient background", "hero background", "light curtains", "animated background", "canvas/WebGL background" — to improve trigger matching.

Briefly state the deliverable form (e.g., a canvas/shader-rendered animated background) so the description distinguishes what is produced, not just what it looks like.

DimensionReasoningScore

Specificity

"Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom" names the domain and several concrete visual features (vertical folds, screen blending, corner bloom). It falls just below anchor 5 because it covers a single action and its attributes rather than multiple comprehensive capabilities, but is clearly above anchor 3's minimal action list.

4 / 5

Completeness

The "what" is clearly stated (create an atmospheric background with specific visual characteristics), but there is no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the rubric guidelines. Not score 4 because the "when" is entirely absent rather than merely under-specified.

3 / 5

Trigger Term Quality

Terms like "dark atmospheric background", "glow", and "bloom" are plausible user phrasings, but common variations a user would actually say are missing (e.g., "ambient background", "hero background", "light rays/curtains", "WebGL/canvas background"). Not score 2 because the keywords present are relevant and reasonably natural, not generic filler.

3 / 5

Distinctiveness Conflict Risk

"Drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom" carves out a fairly specific visual niche unlikely to fire for unrelated skills, with only minor overlap risk with generic gradient/background or particle-effect skills. Not score 5 because the opening phrase "Create a dark atmospheric background" is broad enough that it could collide with general background-generation skills.

4 / 5

Total

14

/

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.

Validation — 16 / 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.