neumorphism

Generate neumorphic design system guidelines with WCAG 2.2 AA accessibility.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neumorphism-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: neumorphism
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/neumorphism
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neumorphism-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and accessibility when implementing complex, extruded neumorphic UI designs that often suffer from poor contrast or ambiguous interaction states.

Core Features & Use Cases

  • Design Token Management: Provides a centralized source of truth for colors, typography, and spacing tokens to ensure a unified look.
  • Component Rule Enforcement: Offers structured guidance for creating accessible, responsive components like buttons, inputs, and cards.
  • Use Case: Use this Skill to generate a comprehensive design system documentation for a new Roblox UI project, ensuring all elements follow the specified Space Mono typography and high-contrast color palette.

Quick Start

Use the neumorphism skill to generate a set of design guidelines and a QA checklist for a new settings menu component.

Frequently Asked Questions about neumorphism

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a neumorphic UI system that meets WCAG 2.2 AA accessibility standards?

To design an accessible neumorphic UI system, you need to enforce specific design token constraints for high-contrast color palettes and typography. This approach provides structured component rules ensuring your extruded digital interfaces maintain visual consistency and meet WCAG 2.2 AA standards.

What is the best way to manage design tokens for extruded UI components?

The best way to manage design tokens for extruded UI components is to establish a centralized source of truth for colors, typography, and spacing. This centralized token management ensures a unified look and prevents ambiguous interaction states across your neumorphic design system.

How do I generate component rules and a QA checklist for a settings menu?

You can generate component rules and a QA checklist for a settings menu by applying structured neumorphic design system guidance. This process yields comprehensive design documentation and specific interaction behaviors for responsive components like inputs, buttons, and cards.

Can I use this neumorphism design system guidance for a Roblox UI project?

Yes, you can use this neumorphism design system guidance for a Roblox UI project. It supports generating comprehensive design system documentation tailored for digital interfaces, ensuring your project follows specified Space Mono typography and high-contrast color palette requirements.

Why does my neumorphic UI design suffer from poor contrast and ambiguous interaction states?

Neumorphic UI design often suffers from poor contrast and ambiguous interaction states because complex extruded visual patterns lack standardized rules. Using a design system with centralized tokens and WCAG 2.2 AA component enforcement solves this visual inconsistency problem.