Skill UI

A clean and versatile horizontal-swipe deck designed for pitches, overviews, or deep studies. It features a structured layout including a cover, multiple content pages, and a conclusion. Each page emphasizes one core message supported by an image or chart, complemented by a top progress bar, and is fully navigable via keyboard arrows or hash symbols.

A comprehensive guide for creating cinematic, fluid background hero sections using advanced web technologies. It leverages WebGL, complex CSS gradients, and Canvas to generate dynamic, atmospheric visuals. Ideal for video intros, SaaS landing pages, and marketing posters that require a sophisticated, high-impact background.

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

Hallmark is a specialized design skill engineered for AI coding assistants. It enforces deep structural variety and aesthetic sophistication, ensuring generated UIs look professionally 'made' rather than generically templated. Users can invoke Hallmark to build new pages (default), audit existing designs for anti-patterns, redesign components while preserving intent, or extract the 'DNA' (structure, archetypes, color) from existing URLs or screenshots for reference.