Generates high-conversion, production-ready hero sections and landing page headers using industry-standard UI design patterns.
This skill empowers Claude Code with the specialized knowledge to architect and implement impactful above-the-fold hero sections. It provides a library of diverse layouts—including centered SaaS patterns, split-screen layouts for product showcases, video backgrounds, and minimalist typography—all built using production-grade Tailwind CSS. Beyond mere code generation, the skill enforces design best practices such as headline hierarchy, call-to-action optimization, and trust signal placement to ensure your landing pages are both visually stunning and conversion-focused.
