How to Install Hallmark for Claude Code, Cursor, and Codex
Run npx skills add nutlope/hallmark once to install Hallmark across Claude Code, Cursor, and Codex—no manual file copying required.
Hallmark is an open-source skill that brings design-system auditing and redesign verbs (audit, redesign, study) to AI coding assistants. This guide walks through installing Hallmark for each supported environment based on the official Nutlope/hallmark repository.
What Hallmark Installs
Hallmark is packaged as a skill—a collection of Markdown files rather than a binary. The core files live in skills/hallmark/ and serve distinct purposes:
SKILL.md— The skill manifest containing the name, description, version, and command-line invocation rulesreferences/— Directory holding architecture-level rule-sets including macrostructures, token definitions, theme gates, and slop-test configurations
When installed, these files are automatically copied to assistant-specific locations where the AI loads them at runtime.
Installation Command
The unified installer pulls Hallmark from the npm registry and handles all path placement:
npx skills add nutlope/hallmark
This single command detects your environment and writes files to the appropriate destinations. No additional configuration is needed.
Installing Hallmark for Claude Code
Claude Code loads skills from ~/.claude/skills/. After running the installer:
ls ~/.claude/skills/hallmark/
You should see:
SKILL.md
references/
The skill loads automatically on your next Claude Code session. You can immediately use verbs like:
claude "hallmark audit ./src/components"
Installing Hallmark for Cursor
Cursor uses markdown-code rule files placed in .cursor/rules/. The installer extracts the body of SKILL.md (without front-matter) and writes it to:
.cursor/rules/hallmark.mdc
Verify the installation:
cat .cursor/rules/hallmark.mdc
Cursor treats this file as an editor rule-set, making Hallmark verbs available directly in the IDE. Use them in Cursor's chat or command palette.
Installing Hallmark for Codex
Codex supports both personal and project-scoped skill installations:
| Scope | Path |
|---|---|
| Personal | ~/.codex/skills/hallmark/ |
| Project | .codex/skills/hallmark/ |
The installer defaults to personal scope unless run within a project context. Verify installation:
ls ~/.codex/skills/hallmark/
# or for project scope:
ls .codex/skills/hallmark/
Invoke Hallmark in Codex:
codex run "hallmark redesign ./src/theme.css"
File Locations Reference
| Assistant | Destination Path | Content |
|---|---|---|
| Claude Code | ~/.claude/skills/hallmark/ |
Full skill with SKILL.md and references/ |
| Cursor | .cursor/rules/hallmark.mdc |
Body of SKILL.md without front-matter |
| Codex (personal) | ~/.codex/skills/hallmark/ |
Full skill directory |
| Codex (project) | .codex/skills/hallmark/ |
Full skill directory |
These paths are defined in the README at lines 100-105 of the repository.
Available Hallmark Verbs
Once installed across any assistant, three core verbs become available:
hallmark audit <target>— Analyze code against design-system ruleshallmark redesign <target>— Propose structural improvements using macrostructures and themeshallmark study <target>— Deep-dive into component patterns against reference implementations
Each verb consults the references/ rule-sets at runtime to enforce consistent design-system compliance.
Troubleshooting Installation
Skill not loading in Claude Code?
Ensure the directory structure matches exactly: ~/.claude/skills/hallmark/SKILL.md must exist, not ~/.claude/skills/SKILL.md.
Cursor rules not appearing?
Confirm the file extension is .mdc and located at .cursor/rules/hallmark.mdc within your project root.
Codex cannot find Hallmark?
Check that you're using the correct scope—personal ~/.codex/ vs. project .codex/—and that the references/ subdirectory was copied alongside SKILL.md.
Summary
- One command installs all:
npx skills add nutlope/hallmarkhandles every assistant - Claude Code uses
~/.claude/skills/hallmark/with automatic loading - Cursor receives
.cursor/rules/hallmark.mdcas a project-local rule file - Codex supports both
~/.codex/skills/hallmark/(personal) and.codex/skills/hallmark/(project) - Core files
SKILL.mdandreferences/provide the manifest and runtime rule-sets
Frequently Asked Questions
Does Hallmark require npm or Node.js installation?
Yes. The npx skills add command requires Node.js and npm to fetch the package from the registry. However, Hallmark itself contains only Markdown files—no compiled binaries or runtime dependencies.
Can I install Hallmark for multiple assistants simultaneously?
Yes. Running npx skills add nutlope/hallmark detects all supported assistants on your system and installs to each applicable location in a single pass. You do not need to run the command separately per assistant.
How do I update Hallmark to a newer version?
Re-run npx skills add nutlope/hallmark. The installer overwrites existing skill files with the latest version from the npm registry. Your previous installations are replaced atomically—no manual cleanup of old files is necessary.
Have a question about this repo?
These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:
curl -s "https://instagit.com/install.md" Maintain an open-source project? Get it listed too →