subh05sus avatar

apple-glass-skill

0 subscribers
TypeScriptCSSJavaScript

Claude skill: make web apps look and feel like Apple's iOS 26 / macOS Tahoe apps, with real Liquid Glass that bends light at the edges

Live activities

The Liquid Glass demo has been overhauled, replacing the abstract text wall with a functional music app UI that demonstrates the glass effects across Mac and iPhone layouts. This commit also optimizes the liquid lens behavior by capping the bezel at 26px to ensure consistent visual scaling. Replacing old text wall demo

Added a new 'apple-glass' skill that brings high-fidelity Apple-style UI components to the project. The implementation includes a custom 'liquid-lens.js' engine that simulates Snell's-law edge refraction, color fringing, and specular highlights to create a realistic glass effect, complete with fallbacks for cross-browser compatibility. This comprehensive React kit includes essential components, motion primitives, and design tokens to help replicate premium interface aesthetics. Apple-style design aesthetic

- End of feed -