Hallmark helpt Claude Code websites te ontwerpen zonder AI-look

Hoe werkt Hallmark bij het bouwen van een website?

Hallmark laat de AI niet zomaar een pagina neerzetten. De skill deelt drie stijlen uit een catalogus van 48 en bouwt de pagina rond wat een bezoeker er wil doen. Een boekingspagina laat je dus boeken, een webwinkel verkoopt, en de pagina eindigt op die handeling.

Elke stijl is een materiaal: papier, lettertype, kleur en eigen onderdelen. Een stijl bepaalt niet wat er op de pagina staat, dus twee opdrachten in dezelfde stijl geven twee verschillende pagina's. Voorbeelden uit de catalogus zijn Dusk voor een boekhoudprogramma en Ribbon voor een app met slaapgeluiden.

Wil je geen vaste stijl, dan vraag je om een eigen ontwerp. Hallmark ontwerpt dan alleen op basis van jouw opdracht, met dezelfde regels en controles. Heb je al een product, dan maakt het volgens de maker zelf schermafbeeldingen vanaf een webadres of een app.

Websites

Welke tekenen van machinewerk controleert Hallmark?

Na het bouwen kijkt Hallmark in een echte browser naar tekenen die op machinewerk wijzen. Het gaat om een klein kopje boven elke titel, labels in hoofdletters met wijde letterafstand en één gekleurd woord in een kop. Ook een aanmeldformulier voor een nieuwsbrief onderaan elke pagina staat op de lijst.

Zelfs een formulier dat bedankt zonder iets te versturen, telt als fout. De pagina wordt op acht schermbreedtes bekeken. Daarna geeft een tweede beoordelaar die de pagina met verse ogen bekijkt, het laatste oordeel.

De controles hebben drie niveaus. Basisregels als contrast, focus en een kapotte telefoonweergave laten een pagina nooit door. Gewoontes van het model mogen alleen met reden worden genegeerd, en kleine afwerkpunten houden niets tegen. Voor foto's gebruikt Hallmark 755 vrij te gebruiken beelden, met naamvermelding op de pagina.

Hoe probeer je Hallmark zelf in Claude Code?

Je installeert Hallmark met de opdracht npx skills add nutlope/hallmark -g. Met -g geldt de skill voor al je projecten, zonder -g alleen voor het huidige project. Je hebt Node 18 of nieuwer nodig, een programma waarmee dit soort hulpmiddelen draait.

In Claude Code roep je de skill aan met /hallmark en daarachter je opdracht. Met /hallmark redesign en een mapnaam bouw je een bestaande pagina opnieuw, waarbij inhoud en koppelingen blijven. Met /hallmark audit en een bestandsnaam krijg je alleen een rapport. De skill werkt ook in Codex, Cursor en OpenCode.

De controles in de browser vragen extra: puppeteer-core en Chrome. Zonder die twee draaien alleen de eenvoudige controles. Hallmark is gemaakt door Together AI en heeft ruim 34.000 sterren op GitHub, maar of het resultaat echt minder op AI lijkt, is een bewering van de maker.