eisaal-theming

Community

Unified design system and tokens for Eisaal UI.

Authorabbas133
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a centralized, reusable design system for Eisaal applications, aligning color, typography, spacing, and UI patterns to ensure visual consistency and faster product delivery.

Core Features & Use Cases

  • Color usage framework and a shrine-inspired palette mapped to semantic roles (primary, secondary, surface, background) to avoid hard-coded values.
  • Typography and spacing tokens to maintain typographic scale, rhythm, and responsive behavior across screens.
  • Glassmorphic effects, border radii, and animation patterns to create a cohesive visual language used by designers and developers.
  • Usage guidance for color contrasts, component naming, and accessibility to improve usability and inclusivity.

Quick Start

Apply the Sanctuary design tokens to your UI components and refer to the color, typography, and spacing guidelines to implement a cohesive theme.

Dependency Matrix

Required Modules

None required

Components

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: eisaal-theming
Download link: https://github.com/abbas133/my-claude/archive/main.zip#eisaal-theming

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 223,000+ vetted skills library on demand.