Glass Dark UI (Meng To)

3/5 out of 5. Read the verdict

Dark-mode glassmorphism: frosted surfaces, readable contrast and gradient borders.

Glass Dark UI (Meng To)
After: Tally landing page, made with Glass Dark UI (Meng To)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full Glass Dark UI (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

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.

Pick it for

  • developer tools
  • AI products
  • dark-mode dashboards
  • crypto apps

Skip it for

  • beginner-friendly consumer finance
  • light, warm brands
  • print-like editorial pages

Typography

Observations

  1. close to many dark SaaS templates
  2. the landing leads with green, the dashboard with blue and violet

Install

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/glass-dark-ui#main .claude/skills/glass-dark-ui

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 glass-dark-ui skill from this repo.

Details

Type
Skill
GitHub stars
6,821 (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.16 at API pricescommit 83a47fe

Similar

Same brief, other skills

Also for these tasks

Passed, score 3 out of 5

Skeuomorphic UI (Meng To)

Skill · Visual directionGitHub stars 6.8k

Skeuomorphic UI gives Tally tactile beige surfaces, embossed buttons and stacked shadows, in Fraunces and DM Sans, with a Manrope dashboard. It's a real texture change from the baseline, but the green and the serif stay, and the mobile dashboard scrolls sideways. Pick it for a playful, physical feel.

updated today

Passed, score 3 out of 5

Bright Green Tech System (Meng To)

Skill · Visual directionGitHub stars 6.8k

Bright Green Tech System is the furthest from the default in this batch: a near-black HUD with hard-framed panels, JetBrains Mono labels and a lime glow, plus a WebGL visual in the hero. It reads like a dev tool more than a budgeting app, and the mobile dashboard scrolls sideways. Pick it if your product is technical and you want it to look it.

updated today

Passed, score 3 out of 5

Background Grid WebGL (Meng To)

Skill · Visual directionGitHub stars 6.8k

Background Grid WebGL puts a perspective grid fading into the dark behind the hero, with mint accents and Instrument Serif headlines over Inter Tight. The dashboard keeps the dark look in Manrope. The mobile dashboard scrolls sideways. Pick it for a tech launch page with atmosphere.

updated today

Passed, score 3 out of 5

No AI Design Slop (Meng To)

Skill · Visual directionGitHub stars 6.8k

No AI Design Slop moves off the default with sage paper, Young Serif headlines, Schibsted Grotesk and manila-envelope cards that suit a budgeting app. The dashboard switches to Newsreader and Public Sans but keeps the sage and green. Pick it if you want warmth with more character than most of this batch.

updated today

3/5 · passedInstall