Skeumorphism Design System Skill

Community

Create intuitive, relatable UI/UX guidelines for Skeumorphism.

AuthorMohammedSaudAlsahli
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the need for clear, practical design guidelines for Skeumorphism, a UI/UX design approach that mimics real-world textures and 3D functionality.

Core Features & Use Cases

  • Design System Guidelines: Provides comprehensive guidance for creating design systems based on Skeumorphism principles.
  • Component Rules: Defines rules for visual style, typography, color palette, and spacing to ensure consistency.
  • Accessibility: Ensures compliance with WCAG 2.2 AA standards and promotes keyboard-first interactions.
  • Use Case: Designers and engineers can use this Skill to create intuitive and familiar interfaces for their applications.

Quick Start

Generate design-system guidance for Skeumorphism components using the provided templates and examples.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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 Design System Skill
Download link: https://github.com/MohammedSaudAlsahli/dotfiles/archive/main.zip#skeumorphism-design-system-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.