neuphorism
CommunitySoft, tactile neumorphic UI design system.
Authorgahoccode
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill introduces the Neuphorism design system — a soft, tactile neumorphic aesthetic that adds depth and tactility to UI using extruded and pressed shadows, muted surfaces, and refined typography. It helps teams achieve a calm, modern look with consistent tokens across apps.
Core Features & Use Cases
- Neumorphic Shadows: extruded and pressed states to create depth.
- Palette & Typography: muted surfaces with Inter typography.
- Framework-agnostic: usable with vanilla HTML/CSS, React, Vue, Tailwind, etc.
- Starter Patterns: ready-to-adapt tokens, CSS variables, and sample components.
Quick Start
Copy the starter tokens and starter HTML from assets/starter-template.html, then apply the CSS variables to your global stylesheet. Use references/components.md as a reference for component implementations.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: neuphorism Download link: https://github.com/gahoccode/PRDs/archive/main.zip#neuphorism Please download this .zip file, extract it, and install it in the .claude/skills/ directory.