Awesome Design Md Jp

If you're building Japanese web interfaces with AI coding agents, this is the missing piece. It extends Google's DESIGN.md format with the typography rules that actually matter for CJK: proper font stacks that cascade from Noto/Hiragino through system fonts, line-height specs in the 1.7-2.0 range instead of Western defaults, letter-spacing values, kinsoku shori line-break enforcement, and OpenType feature flags for proportional punctuation. Includes 24 real-world reference files from MUJI, Mercari, SmartHR, note, and others. Drop one in your repo root next to AGENTS.md and your agent will stop generating Japanese UI with 1.4 line-height and missing mixed-typesetting rules. Solves a specific problem cleanly.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 20
skills.sh installs: 594
GitHub stars: 61
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill awesome-design-md-jp --agent claude-code

Installs into .claude/skills of the current project.

Files

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: