# Landing Page Builder

> A community skill that asks four questions about your product, then has your agent build an animated, single-file HTML landing page.

Landing Page Builder is a community Claude Code plugin from Alireza Rezvani's claude-skills collection, where it's called "landing". It's a single skill that has your agent build a polished one-page website as one self-contained HTML file, with GSAP entrance and scroll animations and mouse-parallax depth.

What you can do with it
- Ask for a landing page, product page or one-pager in your own words, or run /cs-landing with a brief
- Answer four questions first, one at a time: the product and its pitch, the audience (technical, business, consumer or internal), your brand colours, and the tone (professional, playful, authoritative or minimal)
- Get a page in three sections: a full-height hero with an animated headline and parallax shapes, a responsive grid of feature cards that reveal as you scroll, and a closing call to action
- Use your own brand colours: give a primary hex (plus an accent and background if you like) and it works out the rest, or keep its default dark navy and teal
- Check the result: a validator script confirms the sections, the responsive breakpoints and that all CSS and JavaScript are inline

What's inside
- The landing skill, a /cs-landing command and a cs-landing agent
- Three reference guides: brand colour systems and contrast, GSAP animation patterns, and single-file HTML
- Three Python scripts (standard library only): a brand palette validator with WCAG contrast checks, a file-name generator, and an HTML validator

How to install it
In Claude Code, run /plugin marketplace add alirezarezvani/claude-skills, then /plugin install landing@claude-code-skills.

Good to know
- It's a community plugin, MIT licensed.
- In Claude Code it writes the page to ./landing-pages/<product-name>.html; in Claude on the web it makes an HTML artifact.
- The page loads the Inter font from Google Fonts and GSAP from a CDN; everything else is inline.
- It's made for visual one-pagers. For conversion-focused pages built as Next.js components, the author points to his separate landing-page-generator skill.

- Type: Plugin
- Made by: alirezarezvani
- Category: Design
- Formats: Claude plugins
- Version: 2.14.1
- Website: https://github.com/alirezarezvani/claude-skills/tree/main/marketing/landing
- Source: https://github.com/alirezarezvani/claude-skills/tree/HEAD/marketing/landing
- Page: https://pluginboard.ai/plugins/landing-page-builder

## Works with

- Claude
- GitHub Copilot
- Claude Code
- OpenClaw

## Install

### Claude

In Claude (web or desktop): Customize → Plugins → Add → Add marketplace, enter alirezarezvani/claude-skills, then add landing

### Claude Code

In Claude Code:

```text
/plugin marketplace add alirezarezvani/claude-skills
/plugin install landing@claude-code-skills
```

---
From Pluginboard (https://pluginboard.ai).