CtrlK
BlogDocsLog inGet started
Tessl Logo

dither-background

Create a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering. Use when a page needs an atmospheric near-black dither field, broad organic waves or cloud masses, and restrained gray-white highlights behind framed UI, hero content, or data overlays.

72

Quality

88%

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

SKILL.md
Quality
Evals
Security

Quality

Content

88%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 highly actionable, well-structured single-purpose skill with executable code and clear tuning guidance. Minor room to move the large code recipe into a bundled script and trim utility helpers Claude already knows.

Suggestions

Move the Canvas Recipe implementation into ./scripts/ and keep only the integration call inline, to shorten SKILL.md and improve progressive disclosure.

Drop or compress the inline smoothstep/noise2/valueNoise/fbm helpers unless they encode skill-specific tuning, since Claude can reproduce these primitives.

Add a one-line explicit integration sequence (markup -> CSS -> init call) so the workflow is sequenced rather than implied by section order.

DimensionReasoningScore

Conciseness

Section prose is lean bullets with no padding, and the code is copy-paste ready so it earns its place; minor over-explanation comes from inlining utility helpers (smoothstep, noise2, valueNoise, fbm) Claude could derive.

4 / 5

Actionability

Provides fully executable HTML, CSS, and a complete JS recipe plus concrete tuning knobs with numeric ranges; copy-paste ready and covers the common case.

5 / 5

Workflow Clarity

Single-purpose render skill whose integration is unambiguous (canvas markup, CSS, init call); the simple-skill exception applies and no destructive/batch validation is required.

5 / 5

Progressive Disclosure

Well-organized into clearly labeled sections with no nested references and no bundle files needed, though the long self-contained Canvas Recipe is inlined rather than split into a script file.

4 / 5

Total

18

/

20

Passed

Description

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

A strong, concrete description with explicit what/when structure and a distinctive niche. The only weakness is a single action verb carrying rich attribute detail rather than a breadth of distinct actions, and slightly technical trigger phrasing.

DimensionReasoningScore

Specificity

Concrete action 'Create a dark monochrome procedural background' with specific attributes (enlarged square pixels, Bayer-style ordered dithering, gray-white highlights), but only one action verb with rich parameter detail rather than multiple distinct actions.

4 / 5

Completeness

Explicitly answers both what ('Create a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering') and when ('Use when a page needs...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural designer-facing terms ('background', 'hero content', 'data overlays', 'atmospheric') plus concrete triggers in the 'Use when' clause, though 'Bayer-style ordered dithering' and 'dither field' lean technical and a few common synonyms are missing.

4 / 5

Distinctiveness Conflict Risk

A clear niche (monochrome procedural dithered background) with distinctive triggers; very low overlap risk with other skills.

5 / 5

Total

18

/

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.