What is the Neuphorism design system?

Neuphorism is a refined take on neumorphism that uses dual shadows and light simulation to create soft, tactile UI elements that appear to be carved from or extruded out of a surface.

Does this skill work with Tailwind CSS?

Yes, the skill is framework-agnostic and includes specific patterns for Tailwind configurations, React components, and vanilla HTML/CSS implementation.

Can I use this for dark mode interfaces?

Absolutely. The skill provides a dedicated dark mode color palette and CSS variables for seamless theme switching using data attributes.

Are the generated designs accessible?

Yes, it includes specific accessibility features such as WCAG-compliant contrast ratios, high-visibility focus rings, and media queries for reduced motion.

Neuphorism UI Design System

Name: Neuphorism UI Design System
Author: gahoccode

bygahoccode

Herramientas de Diseño

Generates elegant, tactile user interfaces using the Neuphorism design system's soft shadow and light simulation aesthetic.

Acerca de

This skill empowers Claude to build modern, neumorphic-style web pages and components characterized by depth, soft shadows, and a tactile feel. By simulating light and extrusion, it creates interfaces that appear carved from the surface rather than sitting on top of it. It provides a standardized framework-agnostic approach—supporting everything from vanilla CSS to Tailwind—for implementing consistent shadows, color palettes, and interactive states while maintaining high accessibility standards and dark mode support.

Características Principales

Comprehensive light and dark mode color palettes with semantic tokens
Integrated accessibility patterns including focus rings and reduced motion
Optimized typography and spacing scales for tactile UI consistency
0 GitHub stars
Automated neumorphic shadow generation for extruded and pressed states
Framework-agnostic implementation for React, Vue, Tailwind, and vanilla CSS

Casos de Uso

Creating interactive component libraries for soft UI design systems
Rapid prototyping of landing pages with modern depth-based visual styles
Building high-end dashboards and admin panels with a unique tactile aesthetic

Acerca de

Características Principales

Comprehensive light and dark mode color palettes with semantic tokens
Integrated accessibility patterns including focus rings and reduced motion
Optimized typography and spacing scales for tactile UI consistency
0 GitHub stars
Automated neumorphic shadow generation for extruded and pressed states
Framework-agnostic implementation for React, Vue, Tailwind, and vanilla CSS

Casos de Uso

Creating interactive component libraries for soft UI design systems
Rapid prototyping of landing pages with modern depth-based visual styles
Building high-end dashboards and admin panels with a unique tactile aesthetic