Gratis ontwerpregels leren Claude Code landingspagina's bouwen

Wat doet de skill landing-page-design precies?

Een landingspagina is de pagina waar een bezoeker als eerste terechtkomt, bijvoorbeeld voor een product of een dienst. De skill begint niet met bouwen, maar met vragen stellen over wat je aanbiedt. Dat heet in de beschrijving een intake.

Daarna bepaalt de skill de opbouw van de pagina en schrijft hij teksten die bezoekers moeten overtuigen om iets te doen, zoals zich aanmelden. Ook de uitstraling ligt vast: lettertypen, witruimte, afgeronde hoeken en beweging.

Volgens de beschrijving op GitHub komen er meer skills bij. Een tool om een bestaande site te verbeteren staat al in een aparte verzameling, omdat die ouder is.

Landingspagina

Hoe zet je landing-page-design in Claude Code?

Je gebruikt hiervoor de terminal, het tekstvenster waarin je opdrachten typt. Eerst maak je een map met mkdir -p .claude/skills. Dan haal je de verzameling binnen met git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills.

Vervolgens kopieer je de map van de skill naar je project met cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/. Daarna vraag je het gewoon. De pagina zegt: "Vraag daarna gewoon, in gewone taal, om wat de skill dekt."

Gebruik je Cursor, dan komt het bestand SKILL.md in de map .cursor/rules. Bij Codex, Windsurf en Cline kopieer je het in hun eigen regelbestand. Heb je geen terminal, dan upload je SKILL.md in Claude.ai naar een Project of voeg je het toe aan een gesprek met de opdracht het te volgen.

Kun je de stijl van landing-page-design aanpassen?

Ja, want alle ontwerpkeuzes staan op één plek, onderaan het bestand van de skill. Het gaat om lettertypen, kleuren, ruimte en beweging. Maak een kopie van de verzameling op GitHub, pas dat stuk aan, en de rest van de skill volgt vanzelf.

De verzameling heeft 11.372 sterren op GitHub, een teken dat veel mensen haar interessant vinden. Dat zegt niets over de kwaliteit van de pagina's die eruit komen. Bekijk daarom altijd zelf wat de AI maakt.

De licentie is MIT, een vrijgevige vorm van gebruiksrecht. De maker schrijft: "Gebruik het, kopieer het, publiceer het, verkoop wat je ermee bouwt." Onderdelen van de skill zijn overgenomen uit taste-skill van Leon Lin, ook onder MIT. De bron noemt de details aan het einde van het bestand SKILL.md.