Landing Page Builder

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.

• “Create a landing page for Quill AI.”

  Copy

• “Build a landing page for our async standup tool for remote engineering teams.”

  Copy

• “Make a one-pager for our launch using our brand colours #FF6B35 and #2EC4B6.”

  Copy

• “Make a minimal, design-led product page for our new app.”

  Copy

• “Check that these brand colours pass WCAG contrast before you build the page.”

  Copy

• “Validate the landing page HTML you just generated.”

  Copy