eisaal-theming
CommunityUnified design system and tokens for Eisaal UI.
Design & Creative#typography#theming#accessibility#glassmorphism#design-system#color-palette#spacing-tokens
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 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: 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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.