Main
Pick one target’s
DESIGN.mdand treat it as the UI contract for your agent: keep it in-repo and review changes like code.Use it to fix CJK typography gaps: README lists Japanese-specific rules (font fallback chains, spacing, kinsoku, OpenType features).
Pair it with your project instruction file (e.g.,
AGENTS.md) so agents have both behavior rules and visual spec.Start with one service’s tokens, then generalize: extract the reusable typography rules into your own DESIGN.md baseline.
Source-backed notes
- README describes it as a curated
DESIGN.mdcollection and links a gallery covering 183 sites. - README explains why Japanese typography requires different rules (fallback fonts, line height, kinsoku, OpenType).
- README positions
DESIGN.mdalongside agent instruction files likeAGENTS.mdfor consistent UI generation.
FAQ
- Is this code or a spec library?: It’s a spec library: README focuses on reusable DESIGN.md documents and typography tokens.
- How do I use it in a project?: Copy a chosen DESIGN.md into your repo root and reference it in your agent instructions.
- What’s a measurable benefit?: README’s gallery cites 183 site specs; using a concrete spec reduces agent UI guesswork.