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

0•

デザインツール

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

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.

主な機能

01Comprehensive light and dark mode color palettes with semantic tokens

02Integrated accessibility patterns including focus rings and reduced motion

03Optimized typography and spacing scales for tactile UI consistency

040 GitHub stars

05Automated neumorphic shadow generation for extruded and pressed states

06Framework-agnostic implementation for React, Vue, Tailwind, and vanilla CSS

ユースケース

01Creating interactive component libraries for soft UI design systems

02Rapid prototyping of landing pages with modern depth-based visual styles

03Building high-end dashboards and admin panels with a unique tactile aesthetic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gahoccode/prds neuphorism

For use in Claude.ai and ChatGPT

Download Skill