liquid-glass-catalyst

What problem does it solve?

Maintaining a consistent, high-quality design system is challenging and often leads to design debt, slowing down development and compromising user experience. This Skill acts as a self-improving design assistant, ensuring every UI task refines and enhances the Liquid Glass design system, making your UI development more efficient and consistent.

Core Features & Use Cases

• Autocatalytic Improvement: Automatically identifies emerging design patterns and proposes specific system enhancements (e.g., new tokens, classes) after each UI task.
• Design System Enforcement: Guides adherence to premium glassmorphism, shadow, motion, and typography principles, ensuring a cohesive and high-fidelity aesthetic.
• Scoring Framework: Tracks the health and completeness of the design system over time, providing measurable progress on design quality.
• Use Case: After implementing a new modal component, you can ask the AI to "Reflect on this. Improve the design system based on the modal implementation." The AI will then analyze the changes and propose new tokens or rules to formalize the pattern.

Quick Start

Implement a new card component with a subtle glass effect and a diffused shadow. After implementation, ask the AI to "Reflect on this. Improve the design system."