sigil-polish

What problem does it solve?

Great interfaces rarely come from a single thing. It's usually a collection of small details that compound into a great experience. This skill codifies a set of design-detail principles to ensure Sigil UIs stay token-driven and visually consistent.

Core Features & Use Cases

• Concentric border radius rules derived from var(--s-radius-*) to ensure nested surfaces align and feel balanced.
• Optical alignment and elevation via shadows instead of borders for depth and readability.
• Motion and typography guidelines, including enter/exit animations, hover states, font smoothing, and tabular numbers to maintain polish across presets.
• Real-world use: when building or reviewing Sigil UI components, implementing micro-interactions, or refining visual details like borders and radii.

Quick Start

Audit a UI component and apply Sigil polish principles by replacing hard-coded styles with tokens.