gabrielobholz-corner-smoothing
Installation
SKILL.md
Apple Corner Smoothing
Use this skill when a design asks for Apple/iOS-like corner smoothing, especially the common 60% Figma Corner Smoothing look. CSS border-radius alone cannot express this shape; generate a smooth path instead.
Quick Reference
| Need | Use |
|---|---|
| DOM/SVG rectangle | Generate a <path d="..."> from width, height, radius, smoothing |
| CSS-only component | Use clip-path: path("...") when acceptable, otherwise inline SVG |
| Canvas/WebGL | Use the same sampled superellipse points as a polygon/path |
| Figma parity | Treat 60% as the Apple/iOS-style target |
| Plain rounded corner | Use smoothing: 0 |
For copy-paste code, read implementation.md.