Dither Background (Meng To)

3/5 out of 5. Read the verdict

A dark monochrome procedural background with enlarged square pixels and visible ordered dithering.

Dither Background (Meng To)
After: Tally landing page, made with Dither Background (Meng To)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full Dither Background (Meng To) pageFull baseline

Every skill gets the same Tally brief, alone in a clean project. How we test

Our verdict

3/5 out of 5

Passed the cut

Dither Background turns Tally black and white with a grainy, pixel-dithered glow behind the hero and the closing panel, Instrument Serif italics over Inter Tight, and Geist on the dashboard. The dashboard keeps it monochrome, with one orange warning. Pick it for products that want a moody, print-like dark look.

Pick it for

  • creative tools
  • music and media brands
  • dark-mode SaaS
  • technical launch pages

Skip it for

  • consumer finance that needs warmth
  • light-mode brands
  • data-dense tools with many categories

Typography

Observations

  1. dashboard mobile: 540 px wide on a 390 px screen, so it scrolls sideways
  2. with no color, the envelope bars are hard to tell apart

Install

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/dither-background#main .claude/skills/dither-background

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

We tested the dither-background skill from this repo.

Details

Type
Skill
GitHub stars
6,824 (Stars are for the whole MengTo/Skills repository.)
Updated
today
License
MIT
Source
GitHub (opens in a new tab)

Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 5 minabout $1.13 at API pricescommit 83a47fe

Similar

Same brief, other skills

Also for these tasks

Passed, score 3 out of 5

Dither Laser Dark Mode (Meng To)

Skill · Visual directionGitHub stars 6.8k

Dither Laser Dark Mode lights a near-black Tally with a warm amber laser line and soft dither texture, set in Inter Tight with mono labels. The dashboard switches the accent to green, which loses some of the landing's character. Pick it for dark technical products with one strong accent.

updated today

Passed, score 4 out of 5

Technical Wireframe Info Layout (Meng To)

Skill · Visual directionGitHub stars 6.8k

Technical Wireframe Info Layout draws Tally as an engineering diagram: exploded isometric wireframes, thin connector lines, JetBrains Mono labels and pure grey-on-black panels with no accent color at all. The dashboard stacks the envelopes as wireframe discs with callouts. Pick it if your product is technical and you want it to look precise and expensive.

updated today

Passed, score 3 out of 5

Blue Laser Clean Glass Layout (Meng To)

Skill · Visual directionGitHub stars 6.8k

Blue Laser Clean Glass Layout puts Tally on near-black with a thin blue light beam, frosted glass panels and Inter Tight with mono labels. The dashboard is the stronger page: clear cards, blue bars and readable tables. The mobile dashboard scrolls sideways. Pick it for technical or premium dark products.

updated today

Passed, score 3 out of 5

Dark Blue Contrasting Clean (Meng To)

Skill · Visual directionGitHub stars 6.8k

Dark Blue Contrasting Clean gives Tally a deep navy page with bright cobalt gradient blocks, crisp frames, Inter and lots of JetBrains Mono labels. The dashboard leads with a cobalt summary card and stays clear and readable. Pick it for confident, technical-feeling products.

updated today

3/5 · passedInstall