Skill UI

Build cinematic landing pages and hero sections with parallax, scrollytelling, text reveals, and 2.5D depth using only CSS, JavaScript, and flat assets.

Opt-in skill for GPT and Codex that generates Awwwards-level frontend design with randomized layouts, strict AIDA page structure, GSAP scroll motion, and gapless bento grids.

A sophisticated presentation template designed to mimic the look and feel of a digital magazine or e-ink publication. Featuring a dynamic WebGL liquid background and elegant serif typography, it is perfect for high-impact marketing reports, editorial storytelling, and showcasing rich, visually driven content in an immersive, horizontal scrolling format.

This skill focuses on spatial composition in UI design. It emphasizes rendering and judging visual output rather than relying solely on code tokens. It helps avoid generic AI design patterns and ensures layouts do not have horizontal overflow. Key practices include using fresh eyes to critique, avoiding fixed style prescriptions, and strictly checking scrollWidth to prevent layout failures. It guides developers to prioritize process over look and ensures responsive design integrity.

Apple Human Interface Guidelines for layout and navigation components, covering sidebars, split views, tab bars, scroll views, windows, panels, and platform adaptation.

Expert in building immersive scroll-driven experiences including parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Ideal for creating engaging websites that feel like experiences, using tools like GSAP ScrollTrigger and Framer Motion.