Agent skill · design visual · aradotso
awesome-design-md-jp
Create accurate Japanese UI DESIGN.md files for AI agents with proper CJK typography, font stacks, line-height, kinsoku shori, and mixed typesetting rules.
Why this skill is useful
Provides specific guidelines and templates for Japanese UI design that the AI wouldn't reliably generate on its own.
What it needs
About 8k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
Awesome Design MD JP Skill by ara.so — Daily 2026 Skills collection. A curated collection of DESIGN.md files for Japanese web services, extending the Google Stitch DESIGN.md format with CJK typography, Japanese font stacks, kinsoku shori (禁則処理), and mixed typesetting (混植) rules — enabling AI agents to generate accurate Japanese UI. --- What This Project Does DESIGN.md is a plain-text markdown file AI coding agents read to generate consistent UI. This project extends that format for Japanese services, covering: CJK font-family fallback chains (和文 → 欧文 → generic) Higher line-height (1.5–2.0 vs Western 1.4–1.5) Japanese letter-spacing (0.04em–0.1em for body text) Kinsoku shori (禁則処理) — CJK punctuation line-break rules OpenType features (palt, kern) for proportional typesetting Mixed typesetting (混植) — combining Japanese and Latin typefaces 24 reference DESIGN.md files are included: Apple Japan, MUJI, Mercari, SmartHR, freee, note, LINE, Rakuten, Qiita, Zenn, pixiv, and more. --- Installation / Setup Clone or reference the repository directly — no build step required. Copy the template into your project: Or reference an existing service as a starting point: Place DESIGN.md at your project root alongside AGENTS.md: --- DESIGN.md Template Structure The template extends the standard Google Stitch 9-section format with Japanese typography subsections. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/awesome-design-md-jp