3D Metal Material (Meng To)

4/5 out of 5. Read the verdict

Builds realistic metal materials (steel, brass, copper) for 3D scenes, with brushed, polished and aged finishes.

3D Metal Material (Meng To)
After: Tally landing page, made with 3D Metal Material (Meng To)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full 3D Metal Material (Meng To) pageFull baseline

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

Our verdict

4/5 out of 5

Passed the cut

3D Metal Material gives Tally a dark studio look: Instrument Serif headlines with brass accents and a slowly tilting brushed-steel card in the hero, drawn live with WebGL. The dashboard puts the $640 on a machined steel plate and uses steel, brass and copper finishes on the bars and buttons. It feels premium and is consistent across both pages. Pick it when you want one rich 3D centerpiece on a dark product page.

Compare with Bold (Awesome Design Skills)

Pick it for

  • premium fintech and card products
  • dark product landing pages
  • hardware and luxury brands
  • hero visuals

Skip it for

  • light or playful brands
  • low-power devices
  • teams without WebGL experience

Typography

Observations

  1. the WebGL card and plate add weight to the page and need a fallback
  2. dashboard: the brass on graphite is subtle, so some labels are low contrast

Install

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-metal-material#main .claude/skills/3d-metal-material

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 3d-metal-material 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 19, 2026generated in 12 minabout $2.46 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: 4 out of 5 [![Tested on Skills for Design: 4 out of 5](https://skillsfordesign.com/badge/mengto-skills-3d-metal-material.svg)](https://skillsfordesign.com/s/mengto-skills-3d-metal-material/)

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

Tally landing page made with Impeccable Passed, score 4 out of 5

Impeccable

Skill · Visual directionGitHub stars 82k

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

Tally landing page made with Hallmark Passed, score 4 out of 5

Hallmark

Skill · Visual directionGitHub stars 30k

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

Tally landing page made with Illustration: Outlined Cartoon (Meng To) Passed, score 4 out of 5

Illustration: Outlined Cartoon (Meng To)

Skill · Visual directionGitHub stars 6.8k

The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.

updated today

Tally landing page made with Illustration: Vintage Emblem (Meng To) Passed, score 4 out of 5

Illustration: Vintage Emblem (Meng To)

Skill · Visual directionGitHub stars 6.8k

The Vintage Emblem skill gives Tally a heritage badge, a sealed envelope inside a stamped emblem, and builds a print-shop brand around it: Anton capitals, Libre Caslon text, cream stock, deep forest ink and terracotta. The dashboard wears the same badge and colors, with Oswald headings. Pick it for brands that want craft, trust and a little nostalgia.

updated today

Also for these tasks

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

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 4 out of 5

Book Serif Index (Meng To)

Skill · Visual directionGitHub stars 6.8k

Book Serif Index lays Tally out as an open ledger: aged paper pages inside a dark leather frame, IM Fell English and EB Garamond on the landing, Cormorant Garamond and Newsreader on the dashboard, with mono chapter numbers and an oxblood accent. The dashboard reads like a page of accounts, drop cap included. It is the most committed idea in this batch. Pick it for products that want warmth, history or craft.

updated today

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

4/5 · passedInstall