Mesh Gradient Dark Blue Clean (Meng To)

3/5 out of 5. Read the verdict

A futuristic dark-blue mesh-gradient system with a hero shell, floating nodes and framed sections.

Mesh Gradient Dark Blue Clean (Meng To)
After: Tally landing page, made with Mesh Gradient Dark Blue Clean (Meng To)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full Mesh Gradient Dark Blue Clean (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

Mesh Gradient Dark Blue Clean sets Tally on a deep navy mesh gradient, with frosted shells, Inter Tight and mono labels, and pale blue highlights. The dashboard is clean and readable, with a glowing summary card and soft blue bars. Pick it for premium tech or fintech products.

Pick it for

  • fintech and banking
  • AI and data products
  • dark-mode SaaS
  • product launch pages

Skip it for

  • warm consumer brands
  • light-mode products
  • editorial sites

Typography

Observations

  1. the dark-blue SaaS look is close to other skills in this set
  2. pale blue on navy makes small labels hard to read

Install

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/mesh-gradient-dark-blue-clean#main .claude/skills/mesh-gradient-dark-blue-clean

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 mesh-gradient-dark-blue-clean 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 6 minabout $1.35 at API pricescommit 83a47fe

Similar

Same brief, other skills

Tally landing page made with Blue Laser Clean Glass Layout (Meng To) 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

Tally landing page made with CSS Border Gradient (Meng To) Passed, score 3 out of 5

CSS Border Gradient (Meng To)

Skill · Visual directionGitHub stars 6.8k

CSS Border Gradient takes Tally dark: deep navy panels with faint mint-edged gradient borders, Fraunces headlines over Manrope on the landing and Inter on the dashboard, with mint, amber and coral accents. The dashboard is clean and colorful without getting loud. Pick it if you want a polished dark product with a soft glow.

updated today

Tally landing page made with Dark Blue Contrasting Clean (Meng To) 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

Tally landing page made with Dark Glass Clean Layout (Meng To) Passed, score 3 out of 5

Dark Glass Clean Layout (Meng To)

Skill · Visual directionGitHub stars 6.8k

Dark Glass Clean Layout is the neutral version of dark mode: near-black zinc surfaces, frosted cards, Inter with mono labels and almost no color beyond a pale green. It looks expensive and quiet, but both pages scroll sideways on a phone. Pick it for premium, understated products.

updated today

Also for these tasks

Passed, score 3 out of 5

Funky Purple Container Tech (Meng To)

Skill · Visual directionGitHub stars 6.8k

Funky Purple Container Tech goes full neon: a near-black page, a glowing purple orb in the hero, fuchsia and violet accents, Space Grotesk and lots of JetBrains Mono. The dashboard keeps the orb and the purple bars. It is fun and far from the default, but both pages scroll sideways on a phone. Pick it for playful tech or crypto products.

updated today

Passed, score 3 out of 5

Glass Dark Mode Clock (Meng To)

Skill · Visual directionGitHub stars 6.8k

Glass Dark Mode Clock builds Tally around an instrument dial: a big circular gauge in the hero and again on the dashboard, frosted black glass, Inter Tight and mono labels, no accent color. The dashboard's dial showing $3,182 spent is the best single idea here. The landing scrolls sideways a little on a phone. Pick it for premium dark products that like a watch-face feel.

updated today

Passed, score 3 out of 5

Tech Green Dark Mode Modern (Meng To)

Skill · Visual directionGitHub stars 6.8k

Tech Green Dark Mode Modern gives Tally a matte-black developer-tool look with emerald accents, Inter and heavy use of JetBrains Mono. The dashboard is the stronger page, with clear framed cards, emerald bars and a red overspend tag. Pick it for technical products; it is a familiar style, done cleanly.

updated today

Passed, score 3 out of 5

Glass Dark UI (Meng To)

Skill · Visual directionGitHub stars 6.8k

Glass Dark UI turns Tally into a dark navy product with frosted panels and gradient borders, lit by green, blue and violet accents. Text stays readable on both pages. Pick it if you want a polished dark interface, but expect it to look like plenty of other dark SaaS sites.

updated today

3/5 · passedInstall