Next.js Frontend Development

About

This skill provides specialized guidance for building premium frontend experiences within the SplitHub ecosystem, focusing on Next.js 15 and Tailwind CSS. It enforces a sophisticated aesthetic by steering development away from common AI-generated design clichés—such as overused system fonts and predictable layouts—and instead promotes distinctive typography, layered CSS depth, and fluid Framer Motion interactions. Designed specifically for financial and tap-to-pay applications, it ensures that every component is mobile-responsive, feels instantaneous, and provides the tactile feedback necessary for trustworthy transaction flows.

Key Features

• Enforces high-quality design principles to avoid generic 'AI slop' aesthetics
• Optimizes mobile-first layouts for NFC tap-to-pay interactions
• Standardizes component development across payment, POS, and activity modules
• Implements orchestrated animations and tactile feedback using Framer Motion
• Provides specific guidance for distinctive typography pairing and weight extremes
• 1 GitHub stars

Use Cases

• Developing new settlement or payment flow interfaces with a focus on trust and speed
• Refactoring existing UI components to implement a more distinctive and premium visual identity
• Building interactive POS terminal screens that require snappy, orchestrated animations