OpenSource-Hub

hallmark

CLI ツール

Nutlope/hallmark

AI生成スタイルのUIデザインを防止するスキル。

概要

Hallmark は、要件ごとに固有のマクロ構造を選択し、57 のアンチパターン検出によってテンプレート化されていない HTML/CSS を生成し、CLI ツールを介して Claude Code、Cursor、Codex と統合し、4 つの動詞コマンドを提供します。

README プレビュー

# Hallmark\n\n**A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**\n\n[Live demo →](https://www.usehallmark.com)  ·  twenty themes  ·  four verbs  ·  press `T` to cycle.\n\nMade by Together AI.\n\n\n  \n\n\nHallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and refuses the on-distribution defaults every LLM was trained into. Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template.\n\n---\n\n## Four verbs\n\n| Verb | What it does |\n| --- | --- |\n| *(default)* | Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. |\n| `hallmark audit ` | Score existing code against the anti-patterns. Punch list, no edits. |\n| `hallmark redesign ` | Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |\n| `hallmark study ` | Extract the **DNA** from a design you admire: macrostructure, type-pairing, colour anchor. Refuses pixel-clones and paid templates. Optionally emits a portable `design.md` for handoff to other AI tools. |\n\n---\n\n## Different briefs, different shapes\n\nEach generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template.\n\n\n  \n    \n    \n    \n    \n  \n  \n    BubbleSourdough app · Hum\n    DistilExtraction API · Cobalt\n    Cold SnapRecord label · Carnival\n    CinderAI tool · Lumen\n  \n  \n    \n    \n    \n    \n  \n  \n    Ferns & FathomTea menu · Custom\n    Hollowback ApiaryHoney farm · Garden\n    Off-RegisterPrint fair · Riso\n    Press QuaternaryType studio · Custom\n  \n  \n    \n    \n    \n    \n  \n  \n    TallySaaS · modern-minimal\n    WayfareTravel · atmospheric\n    NAJMFashion brand\n    HyperlaneDev infrastructure\n  \n\n\nEach page is self-contained HTML + CSS, stamped with its ma

FAQ (3)

トラブル対応
SKILL.mdにnameとdescriptionが含まれているのに、"npx skills add"を実行すると"No valid skills found"が表示される場合、どうすれば修正できますか?

これは通常、SKILL.md 内の YAML フロントマターのパースに失敗したことを意味します。description に : という連続が含まれている場合は、値全体をダブルクォートで囲み、YAML パーサーがそれらをネストされたマッピングとして扱わないようにしてください:

---
name: hallmark
description: "Anti-AI-slop design skill — Four verbs: ..."
version: 1.0.0
---

description 自体にダブルクォートが含まれている場合は、\" でエスケープしてください。SKILL.md を更新した後、再試行してください:

npx -y skills@latest add nutlope/hallmark

skills@1.5.7 で検証済みです。現在、CLI は根本的なエラーである YAMLParseError: Nested mappings are not allowed in compact mappings を隠し、誤解を招く "No valid skills found" というメッセージを表示します。

参照 Issue #4
トラブル対応
npx skills add で docs、website、package.json などの無関係なリポジトリファイルがインストールされないようにするにはどうすればよいですか?

skills CLI は、SKILL.md を含むディレクトリ内のすべてのファイルをコピーします。SKILL.md がリポジトリのルートにある場合、npx skills add nutlope/hallmark を実行すると、docs/、site/、package.json、README.md、ROADMAP.md、vercel.json を含むリポジトリ全体がコピーされてしまいます。

これを修正するには、スキルを専用のサブディレクトリに移動します。例:

skills/hallmark/
├── SKILL.md
└── # スキルの実行時に必要なファイルのみ

docs/、site/、package.json などのリポジトリ専用ファイルはそのディレクトリの外に置いたままにし、その後スキルを再公開して再インストールします。これにより、CLI はスコープされたスキルディレクトリのみをコピーするようになります。一時的な回避策として、インストール後に不要なファイルを手動で削除することもできます。

参照 Issue #9
トラブル対応
macOSでClaude CLIのエラー「No valid skills found. Skills require a SKILL.md with name and description」を修正するにはどうすればよいですか?

インストーラーがリポジトリを拒否しています。SKILL.md 内の YAML frontmatter が不正であるか、必須フィールドが欠けていることが原因です。リポジトリをクローンし、SKILL.md を開いて、ファイルが name と description を含む有効な YAML frontmatter で始まっていることを確認してください。例:

---
name: hallmark
description: Brief description of the skill
---

ファイルを保存し、修正したローカルリポジトリからスキルをインストールするか、インストールを再試行してください。YAML 内では、タブ、無効なインデント、エスケープされていない特殊文字を避けてください。YAML を修正する PR が提出されている場合は、手動で編集する代わりにそれを使用してください。

参照 Issue #1