redesign-my-landingpage

Generate production-ready React, TypeScript, Tailwind, and shadcn/ui landing page scaffolds.

131|13|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/regenrek/agent-skills --skill redesign-my-landingpage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-my-landingpage
Source: https://github.com/regenrek/agent-skills/tree/main/skills/redesign-my-landingpage
Command: npx skills add https://github.com/regenrek/agent-skills --skill redesign-my-landingpage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Crafting high-converting landing pages is time-consuming and error-prone; this Skill provides a repeatable pattern for design, copy, and code scaffolding to accelerate delivery.

Core Features & Use Cases

  • Structured landing-page anatomy: above-the-fold hero, proof, features, FAQ, and a single clear CTA.
  • Production-ready stack: React + Vite + TypeScript + Tailwind + shadcn/ui, with Iconify icons.
  • Audit and iteration: run quick audits, propose fixes, and iterate with copy, layout, and proof placement.
  • Reference-driven setup: includes references and templates to accelerate delivery.

Quick Start

Generate a production-ready shadcn + Vite landing page scaffold for a marketing site.

Frequently Asked Questions about redesign-my-landingpage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a high-converting landing page with React and Vite?

Build a high-converting landing page by using a structured anatomy with a hero, proof, features, FAQ, and a single primary CTA above the fold. This approach generates a production-ready React, Vite, and TypeScript code scaffold.

What is the best way to scaffold a shadcn/ui landing page for a product launch?

The best way to scaffold a shadcn/ui landing page is to apply a repeatable pattern for design and copy. This provides a production-ready stack using Tailwind and Iconify to accelerate delivery for marketing sites.

Can I use this landing page generator for CRO experiments and signup flows?

Yes, you can use this landing page generator for CRO experiments, signup flows, and marketing pages. It imposes a defined page anatomy and a single clear CTA above the fold to optimize conversion.

Does this landing page template include a specific visual structure for conversion optimization?

Yes, this landing page template includes a specific visual structure for conversion optimization. It imposes a defined page anatomy featuring an above-the-fold hero, proof, features, and FAQ sections.

How do I audit and iterate on an existing landing page layout?

Audit and iterate on a landing page layout by running quick audits to propose fixes. You can then iterate with copy, layout, and proof placement using the included references and templates.

Do I need Tailwind and TypeScript to implement this shadcn landing page?

Yes, you need Tailwind and TypeScript because the production-ready code scaffold is built using React, Vite, Tailwind, shadcn/ui, and Iconify to ensure a standardized implementation.