Landing Page Guide V2

This is a comprehensive framework for building landing pages that actually convert while avoiding the generic "AI slop" aesthetic trap. It walks you through choosing a bold design direction first (minimalist, brutalist, retro-futuristic, etc.) before touching code, then implements all 11 essential conversion elements from DESIGNNAS's framework using Next.js 14 and ShadCN UI. The real value is in the detailed design guidance for each element: how to make your hero title unforgettable, how to style CTAs people actually want to click, typography choices beyond the usual Inter/Roboto defaults. If you're tired of landing pages that look like every other Bootstrap template, this gives you the structure to build something that converts and stands out.

skills.sh installs: 1.3K
GitHub stars: 940
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bear2u/my-skills --skill landing-page-guide-v2 --agent claude-code

Installs into .claude/skills of the current project.

Files

Landing Page Guide V2

Overview

This skill enables creation of distinctive, high-converting landing pages that combine:

Proven Conversion Framework: 11 essential elements from DESIGNNAS for high conversion rates
Exceptional Design Quality: Bold aesthetic choices that create unforgettable brand experiences
Production-Ready Code: Next.js 14+ with ShadCN UI, TypeScript, and performance optimization

Philosophy: A landing page must convert visitors AND make them remember your brand. Generic, template-looking pages fail at both. This skill ensures your landing pages are functionally effective and visually extraordinary.