Was ist Hallmark?
Hallmark, von Hassan El Mghari (nutlope) und unter dem Namen Together AI veröffentlicht, ist ein Agent Skill, der verändert, wie ein Coding-Agent Webseiten gestaltet. Er legt einen Floor aus 16 nummerierten Regeln fest, die kein Build brechen darf, eine längere Tabelle von Reflex-Gates für die Standardmuster, in die Modelle verfallen, und einen Katalog von 50 Themes. Jedes ist eine Datei von höchstens 8 KB, die Papier, Schrift, Palette und Flächen beschreibt, aber nie das Layout. Ein Build fragt einmal nach echtem Material, teilt drei Themes zu, baut zuerst den Hero und lässt einen mitgelieferten Linter, sloplint, laufen, bevor ein Subagent mit frischem Kontext die Seite prüft.
Er installiert sich mit npx skills add nutlope/hallmark -g in die Ordner von Claude Code und Codex CLI, die auch Cursor und OpenCode lesen, und erscheint als Claude-Code-Plugin. Er braucht Node 18 oder neuer, dazu puppeteer-core und Chrome für die Browser-Prüfungen. Die Befehle /hallmark redesign und /hallmark audit arbeiten an bestehenden Seiten, die er sonst nicht anrührt.
Das Repo steht unter MIT-Lizenz, hat rund 43.800 GitHub-Sterne und 2.300 Forks und entstand im April 2026. Es gibt keine GitHub-Releases; der Skill steht bei Version 2.0.0, der letzte Commit kam am 29. Oktober 2026. Nichts kostet Geld: Laut Website ist kein API-Schlüssel nötig, und ein optionaler TOGETHER_API_KEY schaltet nur generierte Bilder über Together AI frei.
Lohnt sich Hallmark?
Hallmark ist der strengste Design-Skill, den wir gelesen haben, und genau darin liegt seine Stärke. Wo Anthropics frontend-design und Impeccable dem Agenten vor allem besseren Geschmack an die Hand geben, schreibt Hallmark die verräterischen Merkmale als prüfbare Regeln auf und prüft sie dann. SKILL.md verbietet ausnahmslos einen Verlauf von Lila zu Blau, eine Karte in einer Karte, ein Emoji als Icon, ein einzelnes kursives Wort in einer aufrechten Überschrift, die Dachzeile über einer Überschrift und jedes Label in gesperrten Großbuchstaben. Jede Farbe und jede Schrift muss über ein Token in :root laufen, transition: all ist verboten, Überschrift, ein Satz und der Hauptbutton müssen in ein Fenster von 1280 mal 800 passen, und kein Bildschirm darf mehr als etwa 80 Wörter tragen. Die vollständige Tabelle in gates.md geht weiter: Inter, Roboto oder Poppins als Display-Schrift, eine Tailwind-Standardfarbe wie indigo-500, Abstände unter 120px zwischen Abschnitten und eine E-Mail-Anmeldung als letzter Abschnitt gelten als Reflex-Merkmale, die der Build beheben oder schriftlich begründen muss.
Im Ergebnis ändert sich die Form der Seite ebenso wie ihr Anstrich. Der Agent stellt vorab eine Frage nach Fotos, Screenshots und echten Zahlen und erfindet keine Kennzahlen, Testimonials oder Logo-Wände; ohne Fotos setzt er gekennzeichnete Bilder aus einer Liste von 755 offen lizenzierten Aufnahmen auf Wikimedia Commons ein. Er teilt drei von 50 Themes zu und meidet dabei die aus einem Log früherer Builds, damit aufeinanderfolgende Seiten nicht gleich aussehen, baut und prüft den Hero für sich, lässt dann sloplint bei acht Breiten laufen und übergibt die Seite einem Subagenten mit frischem Kontext. Heraus kommt eigenständiges HTML und CSS, dessen erster CSS-Kommentar die getroffenen Entscheidungen festhält. Die Website des Machers zeigt Opus 5.5 allein mit 26 Problemen gegenüber 0 mit Hallmark, doch der Zähler ist Hallmarks eigener Linter, der seine eigenen Regeln bewertet; das misst eher Regeltreue als Qualität.
Der Preis ist Kontext. Für den Bau einer Seite weist SKILL.md den Agenten an, die Dateien für layout, anatomy, imagery, craft, Genre, Theme und patterns zu laden, dazu vier Abschnitte von gates.md. Im Repo kommen diese Dateien auf rund 95 KB, bevor die 39 KB von gates.md hinzukommen; nach der üblichen Faustregel von vier Zeichen pro Token sind das grob 25.000 bis 35.000 Tokens an Anweisungen, bevor eine Zeile Markup entsteht. Der Skill selbst nennt das Laden von mehr „die größte vermeidbare Kostenstelle“, und die Roadmap führt die Messung von Zeit und Token-Kosten eines Builds als offene Arbeit, eine offizielle Zahl gibt es also nicht. Für Prototypen gibt es einen Schnellmodus, und ohne puppeteer-core und Chrome läuft nur der statische Lint.
Zwei Grenzen wiegen schwerer als die Token-Rechnung. Ein Skill ist ein Prompt, keine Garantie: Der Agent kann Schritte auslassen, und die Evaluierung der Maintainer hält fest, dass Skills unter claude -p nicht von selbst auslösten und beim Namen genannt werden mussten. Und der Geschmack ist ein Hausstil. Verbote für Labels in gesperrten Großbuchstaben, cremefarbenes Papier mit Terrakotta-Akzent oder ein Newsletter-Band zum Schluss sind vertretbar, aber Ansichtssache; ein Team mit eigenem System sollte es in eine design.md schreiben, die Hallmark zuerst liest und über alles andere stellt. Ohne getaggte Releases und mit 68 offenen Issues und Pull Requests ist das Projekt zudem jung. Für eine neue Landingpage aus einem Einzeiler-Prompt ist es das stärkere Werkzeug als Impeccable; für einen Button oder eine Einstellungsseite ist seine Maschinerie mehr, als die Aufgabe braucht.
Wo es sich lohnt
Ein Solo-Gründer, der die Landingpage für eine Webhook-API startet
Eine Seite bekommen, die nicht wie jede andere generierte SaaS-Website aussieht
Starte /hallmark mit der URL des Produkts; er macht Screenshots der laufenden App, teilt drei Themes im Genre modern-minimal zu und lintet die Seite, bevor er sie zurückgibt. Kostenlos; die Kosten sind eine große Anweisungslast und zwei Review-Subagenten in Agenten-Tokens.
Ein Frontend-Entwickler in einer zehnköpfigen Agentur, der die veraltete Marketing-Website eines Kunden übernimmt
Sie neu gestalten, ohne ein Formular, einen Link oder einen Tracking-Hook zu verlieren
/hallmark redesign ./site erfasst mit sloplint --before jeden Link, jedes Feld, jeden Handler und jede Überschrift und lässt den Lauf mit --kept scheitern, wenn etwas fehlt; sag keep the layout für ein Restyling oder polish nur für die Merkmale. Die Übergabe ist ein Vorher-Nachher nebeneinander.
Eine Design-Leiterin, deren Entwickler Seiten mit Coding-Agenten generieren
Den generierten Look erkennen, bevor eine Seite ins Review geht
Lass node skills/hallmark/scripts/sloplint.mjs mit --render über das Ergebnis laufen, oder /hallmark audit für einen Bericht, der nichts ändert; der Linter liest HTML, CSS, Framework-Komponenten und Tailwind-Klassen. Manche Regeln sind Hausmeinungen, rechne also damit, einige dokumentiert auszusetzen.
Bevor du dich festlegst
- Einrichtung
- npx skills add nutlope/hallmark -g (ohne -g für ein einzelnes Projekt, mit --agent für eine einzelne Umgebung), oder in Claude Code /plugin marketplace add nutlope/hallmark und dann /plugin install hallmark@hallmark. Braucht Node 18+; npm i -g puppeteer-core und Chrome für die Render-Prüfungen. Aufruf mit /hallmark <prompt> ($hallmark in Codex).
- Integrationen
- Claude Code, Codex CLI, Cursor und OpenCode, mit GitHub Copilot als Installationsziel; liest die design.md, die Tailwind-Konfiguration und die Tokens eines Projekts; optionaler Inspo-MCP-Server; ein optionaler Floor-Check beim Bearbeiten für Claude Code; optionale Bildgenerierung über Together AI (standardmäßig FLUX.1.1-pro).
- Daten und Datenschutz
- Läuft lokal und schreibt in dein Projekt, einschließlich eines .hallmark/-Ordners mit Build-Log und Pre-flight-Cache. Die Bibliotheksfotos liegen auf Wikimedia Commons und behalten ihre eigenen Lizenzen CC0, Public Domain, CC BY oder CC BY-SA; Prompts gehen nur an Together AI, wenn TOGETHER_API_KEY gesetzt ist. README und SKILL.md beschreiben keine Telemetrie. MIT-Lizenz.
- Kosten im großen Maßstab
- Kein kostenpflichtiger Tarif und keine gehostete Edition. Die eigentlichen Kosten sind Agenten-Tokens: Der Bau einer Seite lädt rund 95 KB an Anweisungsdateien plus Teile der 39 KB großen Gates-Datei und führt zwei Reviews mit frischem Kontext aus. Generierte Bilder werden über dein eigenes Together-AI-Konto abgerechnet.
- Grenzen
- Gebaut für Websites und neue Seiten, mit reduziertem Umfang für Komponenten und App-Screens; bestehende Designs ignoriert er, solange man ihn nicht nennt. Keine getaggten Releases und 68 offene Issues und Pull Requests; Skills lösen eventuell nicht von selbst aus; die Maintainer haben keine gemessenen Token-Kosten veröffentlicht.
Was gut ist
- Konkrete, prüfbare Verbote für die typischen Merkmale generierter Seiten
- Mitgelieferter sloplint prüft die Seite in einem echten Browser bei acht Breiten
- Erfindet keine Kennzahlen, Zitate oder Logos; nennt die Quelle jedes Fotos
- Redesign-Modus schlägt fehl, wenn ein Link, Feld oder Handler fehlt
Was nicht
- Hohe Anweisungslast pro Build; keine veröffentlichten Token-Kosten
- Meinungsstarker Hausstil, gegen den manche Teams ankämpfen werden
- Browser-Prüfungen brauchen puppeteer-core und Chrome
- Keine getaggten Releases; löst eventuell nur aus, wenn man ihn nennt
Am besten für
Entwickler, die Marketing- und Landingpages mit Claude Code, Codex, Cursor oder OpenCode bauen und wollen, dass sie nicht mehr wie jede andere generierte Website aussehen.
Alternativen zu Hallmark
Hallmark: häufige Fragen
- Lohnt sich Hallmark?
- Hallmark macht aus Designgeschmack Regeln, an denen ein Agent scheitern kann, sodass seine Seiten gemacht statt generiert wirken, zum Preis einer Kontextrechnung, die noch niemand gemessen hat. Wir bewerten es mit 4.1 von 5.
- Was kostet Hallmark?
- Kostenlos und Open Source (MIT). Ein optionaler TOGETHER_API_KEY schaltet generierte Bilder frei, abgerechnet von Together AI.
- Welche Nachteile hat Hallmark?
- Hohe Anweisungslast pro Build; keine veröffentlichten Token-Kosten; Meinungsstarker Hausstil, gegen den manche Teams ankämpfen werden; Browser-Prüfungen brauchen puppeteer-core und Chrome; Keine getaggten Releases; löst eventuell nur aus, wenn man ihn nennt.
- Für wen eignet sich Hallmark?
- Entwickler, die Marketing- und Landingpages mit Claude Code, Codex, Cursor oder OpenCode bauen und wollen, dass sie nicht mehr wie jede andere generierte Website aussehen.
- Was kostet Hallmark für ein Team oder im Produktivbetrieb?
- Kein kostenpflichtiger Tarif und keine gehostete Edition. Die eigentlichen Kosten sind Agenten-Tokens: Der Bau einer Seite lädt rund 95 KB an Anweisungsdateien plus Teile der 39 KB großen Gates-Datei und führt zwei Reviews mit frischem Kontext aus. Generierte Bilder werden über dein eigenes Together-AI-Konto abgerechnet.
- Ist Hallmark sicher für Firmendaten?
- Läuft lokal und schreibt in dein Projekt, einschließlich eines .hallmark/-Ordners mit Build-Log und Pre-flight-Cache. Die Bibliotheksfotos liegen auf Wikimedia Commons und behalten ihre eigenen Lizenzen CC0, Public Domain, CC BY oder CC BY-SA; Prompts gehen nur an Together AI, wenn TOGETHER_API_KEY gesetzt ist. README und SKILL.md beschreiben keine Telemetrie. MIT-Lizenz.
- Was sind die besten Alternativen zu Hallmark?
- Die nächsten Alternativen, die wir getestet haben, sind Impeccable, OpenDesign und Anthropic Skills.
Antworten geprüft am 31. Okt. 2026.