日本語UIをAIに作らせるときのスキルの組み合わせ：土台・方向性・仕上げ・確認を分ける
土台は日本語のDESIGN.md、方向性は frontend-design、仕上げは Emil Kowalski 系のスキル、確認は break-ui と webapp-testing。和文フォントと文字組みは別に指定する。
どんな問題を解決するか / いつ使うか
デザイン系スキルは英語圏のサイトを前提にしたものが多く、そのまま使うと日本語の文字組みや和文フォントが崩れる。役割の違うスキルを重ねて、日本語の部分だけ自分で補う。
組み合わせ
| 役割 | 使うもの |
|---|---|
| 土台 | 日本語の DESIGN.md（awesome-design-md-jp に日本のサービスの例がまとまっている） |
| 方向性 | frontend-design スキル（全体の雰囲気・ありきたりを避ける） |
| 仕上げ | Emil Kowalski 系のスキル（動き・細部の磨き込み） |
| 確認 | break-ui（崩れやすい状態を探す）＋ webapp-testing（実際にブラウザで動かして確かめる） |
別に指定すること：和文フォント、行間、字間、約物（かっこ・句読点）の扱い、改行位置。
注意点
- 各スキルの好み（フォント・色）は土台の DESIGN.md と衝突しうる。優先順位を「DESIGN.md が最優先」と明記しておく。
関連
出典
- @haluxel post