Comprehensive guide for creating effective landing pages using Next.js or React. This skill should be used when users request to create landing pages, marketing pages, or product pages that require the 11 essential elements for high-converting landing pages. Specifically designed for Next.js 14+ App Router with ShadCN UI components.
Install
npx skills add bear2u/my-skills --skill landing-page-guidenpx skills add bear2u/my-skills --skill landing-page-guide -a claude-code -gnpx skills add bear2u/my-skills --skill landing-page-guide -a codex -ggemini skills install https://github.com/bear2u/my-skills.git --path skills/landing-page-guidegh skill install bear2u/my-skills landing-page-guidegit clone --depth 1 https://github.com/bear2u/my-skills /tmp/bear2u__my-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/bear2u__my-skills/skills/landing-page-guide ~/.claude/skills/landing-page-guide # Claude Code
cp -R /tmp/bear2u__my-skills/skills/landing-page-guide ~/.agents/skills/landing-page-guide # Codex, Cursor, Gemini CLI, Copilot, OpenCode