Skills
.Work. You
Rest

awesome-design-md-jp

Official

Generate Japanese UI that matches DESIGN.md

Design & Creative#typography#design tokens#CJK#DESIGN.md#japanese ui#font fallback
AuthorAradotso
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you implement Japanese web UI correctly by translating DESIGN.md typography guidance into consistent CJK-ready presentation, including proper font fallback, line-breaking rules, and spacing.

Core Features & Use Cases

  • Japanese typography rules from DESIGN.md: Applies Japanese-specific typography details like line-height, letter-spacing, OpenType features, and kinsoku shori to reduce layout glitches.
  • 186+ Japanese service design references: Uses curated DESIGN.md files for multiple Japanese web services so you can match real-world UI patterns.
  • Font fallback and mixed-script handling: Ensures correct 和文/欧文 composition and provides practical CSS patterns for lang(ja)/lang(en) contexts.

Quick Start

Ask an AI agent to use the DESIGN.md from the MUJI section to style your Japanese page with correct CJK typography, font fallback, and kinsoku shori line breaking.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: awesome-design-md-jp
Download link: https://github.com/Aradotso/design-skills/archive/main.zip#awesome-design-md-jp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.