# Audit an existing page with Hallmark

> Install Hallmark and audit before redesigning, with separate requirements for browser checks.

Source: https://fullbytedeveloper.com/blog/hallmark-audit-redesign-existing-page
Keyword: HALLMARK
Published: 2026-11-01T03:14:39.000Z

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.

## Sources

1. [Hallmark README: installation and redesign](https://github.com/Nutlope/hallmark/blob/main/README.md)
2. [Hallmark skill: existing design precedence](https://github.com/Nutlope/hallmark/blob/main/skills/hallmark/SKILL.md)

## Original posts

- [TikTok video](https://www.tiktok.com/@fullbytedeveloper/video/7702352121307385089)
- [Instagram reel](https://www.instagram.com/fullbytedeveloper/reel/DfG_8BrDsiB/)