
claude-code frontend design skill template - Github
Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, ex...
The page lists UI techniques including text-wrap: balance to even text distribution, concentric offset for nested border radii (outer = inner + padding), and icon animations with opacity, scale, and blur.
It covers font smoothing via antialiased for crisper macOS text, tabular-nums for fixed-width numbers, and interruptible CSS transitions over keyframes for interactions. Additional details include staggered enter animations, subtle exit animations, optical alignment for icons, and box-shadows instead of borders for depth.