From Yanis Schweizer@yanis.himself Free Claude skill

Landing Page Beautifier

Your landing page works, but it looks like everyone else’s. This skill asks what look you want, then rebuilds it with fancy animations and whatnot. Your words stay exactly as they are.

How to use it

  1. Download and unzip it.

  2. Claude Code: drop the folder into .claude/skills/ in your project and type /landing-page-beautifier. Any other AI chat: paste in the all-in-one file.

  3. Answer a few questions about the look you want. No idea? Say “you decide” and it picks a style that fits your brand.

  4. Approve the plan: how every section looks and how it moves into the next one.

  5. It builds it, checks it on phones and desktops, and writes down the rules so every future page matches.

What it does

Motion

Fancy animations and whatnot

Scroll scenes, transitions between sections, headlines that build themselves. Phones get the same show as a loop.

Type and sizing

Proper typography

A font pairing, a real size scale, spacing and line lengths that make the page feel expensive.

System

One set of rules

Every colour, size and animation comes from one design system, written down so it stays consistent.

It never rewrites your copy. Typos and contradictions get flagged for you to decide.

Works with

RestaurantsSaaSAgenciesShopsClinicsPortfoliosNonprofits

React/Next.jsAstroVueSveltePlain HTMLWordPressShopifyWebflow

No fixed look. It has nine styles to choose from, from calm editorial to loud and brutalist, and uses the one that fits your brand.

Made by Yanis Schweizer, @yanis.himself

Yanis Schweizer

Want more like this?

I post what I build and how I build it with AI, plus more free stuff like this.