Audit an existing page with Hallmark

Hallmark can audit an existing page before changing it, according to its README ^[1]. I would use that report to choose a specific design problem before asking for a redesign.

Install the skill

The README documents this global installation, requiring Node 18 or later. It installs across projects; omit -g for the current project only ^[1].

bash

npx skills add nutlope/hallmark -g

For Claude Code, the documented install location is ~/.claude/skills/hallmark. Other supported agents have their own invocation conventions ^[1].

Audit the existing page

Run this in Claude Code, replacing the example path with your page. The README says audit reports findings without redesigning ^[1].

text

/hallmark audit ./index.html

You should get a report to review before requesting edits. Hallmark's skill instructions give an existing root design document priority, followed by the project's established visual choices ^[2]. Keep your approved design rules available to the agent.

Enable browser checks when needed

The README says rendered checks need Chrome and this package. Static checks remain available without them ^[1].

bash

npm i -g puppeteer-core

Request a redesign deliberately

Use the README's redesign command when you want changes ^[1].

Warning: This requests edits to your page. Keep a recoverable copy of your work before running it.

text

/hallmark redesign ./src/app

The README describes preserving content and behavior while changing layout and appearance ^[1]. Check the resulting links and forms yourself before accepting the result. Your audit gives you specific findings to compare against that revision.