Start
neumorphic-web-design
neumorphic-web-design - Skill Dossier

neumorphic-web-design
Soft UI / neumorphism design — tactile interfaces using paired light and dark box-shadows on matching-background elements. Covers the shadow math, color generation, accessibility fixes for low contrast, inset/extruded states, dark mode adaptation, and when neumorphism works vs when it fails. Activate on 'neumorphism', 'soft UI', 'soft shadows', 'neumorph', 'tactile UI', 'extruded buttons', 'inset cards', 'skeumorphic shadows'. NOT for hard shadows / brutalism (use neobrutalist-web-designer), not for glassmorphism / frosted glass (use vaporwave-glassomorphic-ui-designer).
Design & Creative
#neumorphism#web-design#soft-ui#shadows#aesthetic
Allowed Tools
ReadWriteEditGlobGrepWebSearchWebFetch
⚡
Coming in Spring 2026 Beta
WinDAGs will match this skill automatically. Then ask:
"Use neumorphic-web-design to help me build..."
Request Early Access