Zo installeer je de Hallmark-skill in Claude Code

Wat heb je nodig?

• Claude Code, het programmeerhulpmiddel van Anthropic, al op je computer
• Node 18 of nieuwer (een programma om JavaScript buiten de browser te draaien)
• Voor de controles in een echte browser: Chrome en het pakket puppeteer-core. Zonder die twee werken alleen de controles op de code.

Zo doe je het

1. Open de terminal (het tekstvenster waarin je opdrachten typt) op je computer.
2. Typ voor alle projecten tegelijk: npx skills add nutlope/hallmark -g. Laat "-g" weg als je de skill alleen in de huidige projectmap wilt.
3. Wil je de skill alleen voor Claude Code, typ dan: npx skills add nutlope/hallmark -g --agent claude-code. De skill komt dan in de map ~/.claude/skills/hallmark.
4. Heb je de browsercontroles nodig, typ dan: npm i -g puppeteer-core. Installeer ook Chrome als dat nog niet op je computer staat.
5. Open Claude Code en typ: /hallmark gevolgd door een beschrijving van de website, bijvoorbeeld een boekingspagina voor een kapper. Je kunt ook gewoon beschrijven dat je een nieuwe site wilt bouwen.
6. Wil je een bestaande pagina laten opknappen, typ dan: /hallmark redesign gevolgd door het pad naar de pagina. Met /hallmark audit en het pad krijg je alleen een rapport, zonder wijzigingen.
7. Start de skill niet vanzelf, noem hem dan bij naam, bijvoorbeeld met: use hallmark to build.

Waar let je op?

• Hallmark komt van Together AI en heeft op GitHub ruim 34.000 sterren. Je kunt kiezen uit 48 stijlen, of om een eigen ontwerp vragen.
• Bij de installatie met "-g" gaat de skill naar de map ~/.claude/skills/hallmark. Zonder "-g" komt hij alleen in je huidige project.
• Hallmark vraagt eerst om materiaal zoals foto's, schermafbeeldingen en echte cijfers. Volgens de maker verzint de skill niets.

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.