diff --git a/README.ja.md b/README.ja.md new file mode 100644 index 0000000..f424eda --- /dev/null +++ b/README.ja.md @@ -0,0 +1,114 @@ +# Hallmark + +[English](./README.md) | [简体中文](./README.zh-CN.md) | [日本語](./README.ja.md) + +**Claude Code、Cursor、Codex 向けの、AI が生成したように見えるデザインを拒むデザインスキルです。** + +[ライブデモ →](https://www.usehallmark.com)  ·  20 種類のテーマ  ·  4 つの動詞  ·  `T` キーで順番に切り替え。 + +Together AI が制作しています。 + +

+ AI が生成したように見えるデザインを拒むデザインスキル Hallmark +

+ +Hallmark はブリーフに合わせてマクロ構造を選び、20 種類のテーマのいずれかで仕上げ、57 項目のスロップテストと出力前の自己批評を実行し、あらゆる LLM が学習した分布内の既定パターンを拒みます。異なる 2 つのブリーフから Hallmark が生成したページは、同じテンプレートの色違いではなく、別々のサイトのように見えます。 + +--- + +## 4 つの動詞 + +| 動詞 | 機能 | +| --- | --- | +| *（デフォルト）* | 新しい UI を構築します。マクロ構造を選び、ルールセットを適用し、引き渡す前にスロップテストを実行します。 | +| `hallmark audit ` | 既存コードをアンチパターンに照らして評価します。修正は行わず、問題一覧を出力します。 | +| `hallmark redesign ` | 構造を捨て、コピー、IA、ブランドを維持しながら、異なるフィンガープリントで再構築します。 | +| `hallmark study ` | 気に入ったデザインから **DNA**（マクロ構造、書体の組み合わせ、色のアンカー）を抽出します。ピクセル単位の複製や有料テンプレートは拒否します。必要に応じて、ほかの AI ツールへ引き継げるポータブルな `design.md` を出力します。 | + +--- + +## ブリーフが違えば、形も変わる + +各ページは異なるブリーフから生成されています。このスキルはテンプレートを使うのではなく、それぞれに合うテーマ、構造、仕上げを選びます。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Bubble のガイド付きサワードウアプリのヒーローDistil コンテンツ抽出 API のヒーローCold Snap レコードレーベルの EP ヒーローCinder AI 推論ツールのヒーロー
Bubble
サワードウアプリ · Hum		Distil
抽出 API · Cobalt		Cold Snap
レコードレーベル · Carnival		Cinder
AI ツール · Lumen
Ferns and Fathom のティーメニューのヒーローHollowback Apiary の養蜂場のヒーローOff-Register リソグラフ印刷フェアのヒーローPress Quaternary 書体スタジオのヒーロー
Ferns & Fathom
ティーメニュー · Custom		Hollowback Apiary
養蜂場 · Garden		Off-Register
印刷フェア · Riso		Press Quaternary
書体スタジオ · Custom
Tally SaaS 製品ページのヒーローWayfare 旅行予約のヒーローNAJM モロッコのファッションブランドのヒーローHyperlane 開発者インフラのヒーロー
Tally
SaaS · modern-minimal		Wayfare
旅行 · atmospheric		NAJM
ファッションブランド		Hyperlane
開発インフラ
+ +各ページは自己完結した HTML + CSS で、CSS コメントにマクロ構造が記されています。すべてのページは [usehallmark.com](https://www.usehallmark.com) または [`site/_tests/`](site/_tests/) 以下で閲覧できます。 + +--- + +## Custom 新機能 + +カタログ内のどのテーマにも当てはまらない創造的な意図をブリーフが持つ場合、Hallmark は **Custom** に切り替え、ページをゼロからデザインします。配色、書体、レイアウトはすべてオーダーメイドです。同じ 57 項目のスロップテストを通過し、基礎にテンプレートはありません。 + + + + + + + + + + +
The Cascadia Nightjar 寝台列車チケットのヒーローThe Mend Assembly リペアカフェのブロードシートのヒーロー
The Cascadia Nightjar
寝台列車チケット · Custom		The Mend Assembly
リペアカフェのブロードシート · Custom
+ +これは目立たない分岐として保たれ、通常のブリーフから呼び出されることはありません。プロトコルは [`custom-theme.md`](skills/hallmark/references/custom-theme.md) にあります。 + +--- + +## インストール + +``` +npx skills add nutlope/hallmark +``` + +更新するにはいつでも再実行してください。または、[`SKILL.md`](skills/hallmark/SKILL.md) と [`references/`](skills/hallmark/references/) を次の場所へコピーします。 + +- **Claude Code**：`~/.claude/skills/hallmark/` +- **Cursor**：`.cursor/rules/hallmark.mdc`（`SKILL.md` の本文。frontmatter は除く） +- **Codex**：`~/.codex/skills/hallmark/`（個人用）または `.codex/skills/hallmark/`（プロジェクト用） + +ルールセットは [`SKILL.md`](skills/hallmark/SKILL.md) と [`references/`](skills/hallmark/references/) にあります。実例は [`docs/recipes.md`](docs/recipes.md) と [`docs/study-examples.md`](docs/study-examples.md) にあります。 + +--- + +## ライセンス + +MIT。自由に使い、フォークし、公開してください。 diff --git a/README.md b/README.md index a615a80..182fe03 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # Hallmark +[English](./README.md) | [简体中文](./README.zh-CN.md) | [日本語](./README.ja.md) + **A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.** [Live demo →](https://www.usehallmark.com)  ·  twenty themes  ·  four verbs  ·  press `T` to cycle. diff --git a/README.zh-CN.md b/README.zh-CN.md new file mode 100644 index 0000000..c509b6b --- /dev/null +++ b/README.zh-CN.md @@ -0,0 +1,114 @@ +# Hallmark + +[English](./README.md) | [简体中文](./README.zh-CN.md) | [日本語](./README.ja.md) + +**一项面向 Claude Code、Cursor 和 Codex 的设计技能，拒绝呈现“AI 生成感”。** + +[在线演示 →](https://www.usehallmark.com)  ·  二十种主题  ·  四个动词  ·  按 `T` 循环切换。 + +由 Together AI 制作。 + +

+ Hallmark：拒绝呈现 AI 生成感的设计技能 +

+ +Hallmark 会根据需求简报选择宏观结构，为其套用二十种主题之一，运行五十七道俗套测试关卡并在生成前进行自我审查，同时拒绝每个 LLM 在训练中习得的分布内默认模式。Hallmark 针对两份不同需求简报生成的两个页面，会像两个不同的网站，而不是同一模板的换色版本。 + +--- + +## 四个动词 + +| 动词 | 功能 | +| --- | --- | +| *（默认）* | 构建新 UI。选择宏观结构、应用规则集，并在交付前运行俗套测试。 | +| `hallmark audit ` | 根据反模式为现有代码评分。输出问题清单，不做修改。 | +| `hallmark redesign ` | 丢弃原有结构，保留文案、IA 和品牌，以不同的指纹特征重新构建。 | +| `hallmark study ` | 从你欣赏的设计中提取 **DNA**：宏观结构、字体搭配和色彩锚点。拒绝像素级克隆和付费模板。还可选择生成便携的 `design.md`，用于移交给其他 AI 工具。 | + +--- + +## 不同的需求，不同的形态 + +每个页面都由不同的需求简报生成。这项技能会选择适合各自需求的主题、结构和工艺，而不是套用模板。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Bubble 引导式酸面包应用首屏Distil 内容提取 API 首屏Cold Snap 唱片厂牌 EP 首屏Cinder AI 推理工具首屏
Bubble
酸面包应用 · Hum		Distil
提取 API · Cobalt		Cold Snap
唱片厂牌 · Carnival		Cinder
AI 工具 · Lumen
Ferns and Fathom 茶饮菜单首屏Hollowback Apiary 蜂蜜农场首屏Off-Register 孔版印刷展会首屏Press Quaternary 字体工作室首屏
Ferns & Fathom
茶饮菜单 · Custom		Hollowback Apiary
蜂蜜农场 · Garden		Off-Register
印刷展会 · Riso		Press Quaternary
字体工作室 · Custom
Tally SaaS 产品页面首屏Wayfare 旅行预订首屏NAJM 摩洛哥时尚品牌首屏Hyperlane 开发者基础设施首屏
Tally
SaaS · modern-minimal		Wayfare
旅行 · atmospheric		NAJM
时尚品牌		Hyperlane
开发基础设施
+ +每个页面都是独立的 HTML + CSS，并在 CSS 注释中标明其宏观结构。你可以在 [usehallmark.com](https://www.usehallmark.com) 浏览完整集合，也可以在 [`site/_tests/`](site/_tests/) 下查看。 + +--- + +## Custom 新功能 + +当需求简报带有目录中任何主题都无法满足的创意意图时，Hallmark 会切换到 **Custom**，从零开始设计页面：量身定制配色、字体和布局。仍然经过相同的 57 道俗套测试关卡，底层不使用任何模板。 + + + + + + + + + + +
The Cascadia Nightjar 卧铺列车车票首屏The Mend Assembly 维修咖啡馆大报版面首屏
The Cascadia Nightjar
卧铺列车车票 · Custom		The Mend Assembly
维修咖啡馆大报版面 · Custom
+ +它会保持为一条低调的分支；常规需求简报永远不会触发它。相关协议位于 [`custom-theme.md`](skills/hallmark/references/custom-theme.md)。 + +--- + +## 安装 + +``` +npx skills add nutlope/hallmark +``` + +随时重新运行即可更新。或者将 [`SKILL.md`](skills/hallmark/SKILL.md) 和 [`references/`](skills/hallmark/references/) 复制到： + +- **Claude Code**：`~/.claude/skills/hallmark/` +- **Cursor**：`.cursor/rules/hallmark.mdc`（使用 `SKILL.md` 的正文，不含 frontmatter） +- **Codex**：`~/.codex/skills/hallmark/`（个人级）或 `.codex/skills/hallmark/`（项目级） + +规则集位于 [`SKILL.md`](skills/hallmark/SKILL.md) 和 [`references/`](skills/hallmark/references/) 中。完整示例位于 [`docs/recipes.md`](docs/recipes.md) 和 [`docs/study-examples.md`](docs/study-examples.md) 中。 + +--- + +## 许可证 + +MIT。使用、复刻并发布它。