【元記事】(https://note.com/tasty_dunlin998/n/nf1b04ebc7600)
3行まとめ
- AIでUIを生成すると色や余白はそれなりに出るが、日本語の折り返し・行間・和欧混植で最後に崩れる
- 問題の根本は「AIの精度不足」ではなく「日本語UI向けの設計契約が存在しない」ことにある
- 「jp-ui-contracts」として用途別プロファイル・CSS recipes・validatorを公開し、設計資産として日本語UIを育てる
要約
背景・課題
- AIでUIを生成すると色や余白はそれなりに見えるが、見出し折り返し・本文行間・和欧混植で最後に崩れる
- 問題は「AIの精度」ではなく、日本語UIの設計契約がまだ十分に書かれていないことにある
アプローチ
- DESIGN.mdを日本語UI向けに実装するためのテンプレートキット「jp-ui-contracts」を公開
- media・saas・docs・dashboardなど用途別プロファイルを用意し、CSS recipes・validator・レビューチェックリストを提供
成果・ポイント
- 「契約→生成→目視→修正」のループを速く回すための設計ツールとして機能する
- プロンプト芸ではなく設計資産として日本語UIを育てる出発点となる