Zo voeg je een ontwerpskill toe aan Claude Code

Wat heb je nodig?

• Claude Code, het programmeerhulpmiddel van Anthropic, op je computer
• Een projectmap waarin je Claude Code gebruikt
• Git en een terminal (het opdrachtvenster van je computer)

Zo doe je het

1. Open de terminal en ga naar de map van je project.
2. Typ `mkdir -p .claude/skills` en druk op Enter. Dit maakt de map voor skills aan, als die er nog niet is.
3. Typ `git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills` en druk op Enter. Hiermee haal je de verzameling skills tijdelijk binnen.
4. Typ `cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/` en druk op Enter. Zo kopieer je de skill "landing-page-design" naar je project.
5. Start Claude Code in dezelfde projectmap.
6. Vraag in gewone taal om een landingspagina, bijvoorbeeld: "Bouw een landingspagina voor mijn product." Claude Code gebruikt dan de skill, die vragen stelt, een paginaopbouw maakt, teksten schrijft en een visuele stijl kiest.

Waar let je op?

• De skill is bedoeld om een landingspagina helemaal nieuw te bouwen. Een bestaande site verbeteren doe je met een ander project van dezelfde maker.
• Alle ontwerpkeuzes, zoals lettertypen, kleuren, ruimtes en beweging, staan in één onderdeel onderaan het bestand van de skill. Daar kun je ze aanpassen.
• De verzameling heeft een MIT-licentie, een vrije licentie. Je mag haar gebruiken, aanpassen en je werk ermee verkopen, zonder naamsvermelding.

De stappen komen uit de bron hieronder. We hebben ze niet zelf uitgeprobeerd. Knoppen en menu’s veranderen soms: ziet het er bij jou anders uit, kijk dan bij de bron.