______ __ __ __ _ ______
/ ____// //_/___ __ __ ____ ____ ___ ____ / /__ (_)____ / ____/____ _____ ____ _ ___
/ /_ / ,< / _ \ / / / // __ \ / __ `__ \ / __ \/ //_// // __ \ / /_ / __ \ / ___// __ `// _ \
/ __/ / /| |/ __// /_/ // /_/ // / / / / // /_/ / ,< / // /_/ // __/ / /_/ // / / /_/ // __/
/_/ /_/ |_|\___/ \__,_/ \____//_/ /_/ /_/ \____/_/|_|/_/ \____//_/ \____//_/ \__, / \___/
/____/
Skeuomorphic Forge
A Claude Code skill that builds physically-realistic UI components.
Not flat divs with drop shadows. Real objects — machined metal, CRT glass, brushed aluminum, industrial hardware.
FLAT DESIGN vs SKEUOMORPHIC FORGE
___________________ ___________________________
| | | o o |
| | | /|\ ~ ~ ~ ~ ~ ~ ~ /|\ |
| Button | | ||| ___________ ||| |
| | | ||| | B u t t o n| ||| |
|___________________| | ||| |___________| ||| |
box-shadow: 0 2px black | \|/ 13 shadow layers \|/ |
|_____________________________|
2 layers. sad. screws. depth. warm light.
Install
# One-liner (recommended)
claude skill add --from https://github.com/mmmprod/skeuomorphic-forge
# Or clone manually into your project
git clone https://github.com/mmmprod/skeuomorphic-forge.git .claude/skills/skeuomorphic-forge
Auto-triggers on: skeuomorphic, industrial UI, 3D button, gauge, meter, realistic depth, retro-industrial, DSP cockpit, CRT display, glass effect, metal texture.
The Problem It Solves
| You ask for | Claude gives you | With this skill |
|---|
| Skeuomorphic button | box-shadow: 0 2px 4px black | 5-layer graduated shadow + hover/active states |
| Industrial panel | Flat div + decorative screws | 11-layer chassis + depth wells + THEN screws |
| CRT display | Green text on black bg | Phosphor glow + scanlines + glass reflection |
| Warm lighting | rgba(255,255,255,0.4) | rgba(255,240,220,0.2) warm specular |
| Metal knob | Circle with gradient | 8-layer shadow + rim light + specular hotspot |
What's Inside
MMMProd-Org