All skills
staqd.ai/previews/skeumorphism
Open

Live demo — an original page built in the Skeumorphism style. Open in new tab

Proaesthetic

Skeumorphism

A tactile interface language that mimics real-world materials with rich texture, layered depth, and physical shadows so digital elements feel touchable.

Install via CLI

$ npx staqd add skeumorphism
Music, audio, and creative toolsNostalgic and premium consumer appsDashboards with physical metaphors (dials, switches)

Inside this skill

Skeumorphism makes the screen feel like an object. By borrowing the textures, highlights, and shadows of real materials — brushed metal, leather, glass, felt — it gives every control a sense of weight and touchability. Buttons look pressable, switches look flippable, and panels feel like they have thickness. The result is warm, familiar, and unmistakably tactile. Reach for Skeumorphism when you want delight and physicality: music and creative tools, nostalgic consumer apps, and dashboards that lean on real-world metaphors like dials and switches.

Design principles

  • Imitate real materials — every surface suggests a texture you could feel.
  • Light comes from above; build depth with a top highlight and a bottom shadow on every raised element.
  • Recess inputs and displays (inset shadow) and raise controls (drop shadow) so affordance is obvious.
  • Add fine grain, gloss, and bevels — but keep them subtle enough that text stays crisp.
  • Make pressing physical: controls should visibly depress and darken on press.
  • Use detail to communicate function, not just to decorate.

Skeumorphism is a Pro skill

Unlock the full Skeumorphism spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library + unlimited MCP
  • Commercial-use rights on output

Use it with these prompts

Toggle row

Free

Build a settings list in the Skeumorphism style: brushed-surface rows on a textured background, each with a glossy physical toggle that has a beveled track, a raised knob, and a soft inner shadow when off.

Audio player

Pro
Unlock this prompt with ProUpgrade

Dashboard tile

Pro
Unlock this prompt with ProUpgrade