High Contrast Skeuomorphic Clean (Meng To)

3/5 out of 5. Read the verdict

A clean skeuomorphic design system with molded dark surfaces, crisp light edges, inset depth and restrained accents.

High Contrast Skeuomorphic Clean (Meng To)
After: Tally landing page, made with High Contrast Skeuomorphic Clean (Meng To)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full High Contrast Skeuomorphic 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

High Contrast Skeuomorphic gives Tally a dark charcoal app shell on a warm light-grey page, with molded panels, thin edge highlights, recessed wells and one mint-green signal color. The dashboard uses the same molded shell with a lime accent and coral for overspending. It is clean and tactile on both pages. Pick it for premium, hardware-like product pages.

Pick it for

  • premium tech products
  • hardware and device brands
  • dark product dashboards
  • developer tools

Skip it for

  • warm consumer brands
  • editorial sites
  • light, airy products

Typography

Observations

  1. the landing uses mint and the dashboard lime, so the accent shifts between pages

Install

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/high-contrast-skeuomorphic-clean#main .claude/skills/high-contrast-skeuomorphic-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 high-contrast-skeuomorphic-clean skill from this repo.

Details

Type
Skill
GitHub stars
6,835*
Updated
today
License
MIT
Source
GitHub (opens in a new tab)

Test runOpus 5.5Claude Code 2.1.303Oct 18, 2026generated in 6 minabout $1.62 at API pricescommit 83a47fe

* Stars are for the whole MengTo/Skills repository.

Made this skill?Put your score on your README, and claim this page for a link to your site.

1. Put your score on your README

Tested on Skills for Design: 3 out of 5 [![Tested on Skills for Design: 3 out of 5](https://skillsfordesign.com/badge/mengto-skills-high-contrast-skeuomorphic-clean.svg)](https://skillsfordesign.com/s/mengto-skills-high-contrast-skeuomorphic-clean/)

The badge links here. If a retest changes the score, it updates by itself.

2. Claim this page

Get a free backlink to your site.

  • A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
  • Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
  • Free. Live within a few days.

How it will look

We check that you maintain the repo, then add your name and link, usually within a few days. Privacy

Similar

Same brief, other skills

Also for these tasks

Passed, score 3 out of 5

Framed Tech Dark Border Gradient (Meng To)

Skill · Visual directionGitHub stars 6.8k

Framed Tech gives Tally a near-black page inside one framed shell: thin edge rails, corner markers, 1px gradient borders and uppercase mono labels, with a sparse mint accent. The dashboard uses the same framed shell, mint for money left and coral for overspending. It is clean and precise, but both mobile pages scroll sideways. Note that the landing and dashboard come from two different test days. Pick it for developer and infra products.

updated today

Passed, score 4 out of 5

Agency Grid Layout Minimal (Meng To)

Skill · Visual directionGitHub stars 6.8k

Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.

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

3D Paper Material (Meng To)

Skill · Visual directionGitHub stars 6.8k

3D Paper Material turns Tally into paper on a wall: a dark, warmly lit hero with a torn washi budget sheet, cotton-rag feature slips held by washi tape, kraft envelopes and vermilion stamps. The dashboard is a paper desk with ledger-paper charts. The craft feel is real, but it is drawn with CSS and SVG rather than 3D, and both mobile pages scroll sideways. Pick it for warm, handmade brands.

updated today

3/5 · passedInstall