skeumorphism
CommunityTurn design intent into accessible Skeumorphism UI rules
System Documentation
What problem does it solve?
Skeumorphism Design System guidance prevents inconsistent, low-accessibility “3D texture” UI by providing token-based, implementation-ready rules engineers can apply reliably.
Core Features & Use Cases
It defines concrete foundations for typography, spacing, and color tokens and translates them into component-level requirements with explicit interaction states (default, hover, focus-visible, active, disabled, loading, error where relevant). It is designed for teams standardizing playful, physical-metaphor interfaces such as dashboards, controls, and product UI surfaces while maintaining WCAG 2.2 AA accessibility and reviewable QA checklists.
Quick Start
Use the Skeumorphism design skill to generate implementation rules for your next component so it follows the specified token foundations and includes testable accessibility acceptance criteria.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: skeumorphism Download link: https://github.com/PiercingXX/xx-stack/archive/main.zip#skeumorphism Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.