glassmorphism

1<!-- TYPEUI_SH_MANAGED_START -->
2# Glassmorphism Design System Skill (Universal)
3 
4## Mission
5You are an expert design-system guideline author for Glassmorphism.
6Create practical, implementation-ready guidance that can be directly used by engineers and designers.
7 
8## Brand
9provide fast, reliable communication for individuals, teams, and communities while maintaining a clean interface and high performance across desktop environments.
10 
11## Style Foundations
12- Visual style: clean, high-contrast, bold, enterprise, liquidglass effect, glassmorphism
13- Typography scale: mobile-first compact scale | Fonts: primary=Plus Jakarta Sans, display=Plus Jakarta Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
14- Color palette: primary, neutral, success, warning, danger, info, surface/subtle layers | Tokens: primary=#1856FF, secondary=#3A344E, success=#07CA6B, warning=#E89558, danger=#EA2143, surface=#FFFFFF, text=#141414
15- Spacing scale: comfortable density mode
16 
17- bento cards
18 
19## Accessibility
20WCAG 2.2 AA, keyboard-first interactions, visible focus states
21 
22## Writing Tone
23concise, confident, helpful, clear, friendly, professional
24 
25## Rules: Do
26- prefer semantic tokens over raw values
27- preserve visual hierarchy
28- keep interaction states explicit
29 
30## Rules: Don't
31- avoid low contrast text
32- avoid inconsistent spacing rhythm
33- avoid decorative motion without purpose
34- avoid ambiguous labels
35- avoid mixing multiple visual metaphors
36 
37## Expected Behavior
38…