Skeuomorphic UI (Meng To)
3/5 out of 5. Read the verdictSkeuomorphic web surfaces: layered gradients, stacked shadows, reflective borders and embossed text.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Skeuomorphic 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
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.
Pick it for
- playful consumer apps
- hardware-style controls
- retro and nostalgic brands
- calculators and widgets
Skip it for
- dense data tools
- minimal SaaS
- accessibility-first products
Typography
- Fraunceslanding
- DM Sanslanding
- DM Monolanding
- Manropedashboard
- JetBrains Monodashboard
Colors
Observations
- dashboard mobile: 696 px wide on a 390 px screen, so it scrolls sideways
- the landing and dashboard use different type
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/web-design/skeuomorphic-ui#main .claude/skills/skeuomorphic-ui2 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 skeuomorphic-ui skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 6,821 (Stars are for the whole MengTo/Skills repository.)
- Updated
- today
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 6 minabout $1.38 at API pricescommit 83a47fe
Similar
Same brief, other skills
Liquid Glass Design (ECC)
Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.
updated 2d ago
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Glass Dark UI (Meng To)
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
Background Grid WebGL (Meng To)
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
Bright Green Tech System (Meng To)
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
No AI Design Slop (Meng To)
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