Does it support the latest Tailwind CSS versions?

Yes, the skill is optimized for modern frontend stacks and specifically prefers Tailwind CSS v4 for styling and layout.

Can this skill audit my current website?

Yes, it can perform a comprehensive audit of your existing landing page, providing a diagnosis of CTA effectiveness, content hierarchy, and specific A/B test ideas for improvements.

How does it help with conversion rate optimization (CRO)?

It follows a proven 'Core Landing Page Anatomy' that prioritizes value propositions, social proof, and friction-reducing microcopy to ensure visitors are guided toward a single primary CTA.

What icons does this skill use?

It uses Iconify by default, allowing you to access thousands of icon sets (such as Lucide, Phospor, or Carbon) while maintaining a lightweight bundle size compared to traditional icon libraries.

Shadcn & Vite Landing Page Builder

Name: Shadcn & Vite Landing Page Builder
Author: regenrek

byregenrek

•

デザインツール

Builds, critiques, and iterates high-converting landing pages using React, Vite, shadcn/ui, and Iconify.

This skill transforms Claude into a conversion-focused frontend engineer and marketing strategist. It provides a standardized framework for creating production-ready landing pages using the React, Vite, and Tailwind CSS stack. By following a structured persuasion sequence—optimizing above-the-fold content, establishing social proof, and strategically placing calls-to-action—it ensures designs are both aesthetically distinct and optimized for conversion. Whether you are building from scratch or auditing an existing site, this skill delivers accessible, high-performance code and actionable A/B test hypotheses.

主な機能

01Pre-built shadcn/ui component mapping for accessibility and speed

02Iconify integration for consistent, lightweight iconography

03Conversion-optimized landing page anatomy and content structure

04Automated landing page audits with prioritized fix recommendations

05Production-ready React + Vite + Tailwind CSS code generation

0625 GitHub stars

ユースケース

01Auditing an existing marketing site to improve CTA click-through rates and UX

02Rapidly prototyping a production-grade landing page with a unique custom aesthetic

03Creating a high-converting 'Above-the-Fold' hero section for a new SaaS product

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add regenrek/agent-skills skills

For use in Claude.ai and ChatGPT

Download Skill