kzhrknt/awesome-design-md-jp

日本語UIをAIエージェントに正しくつくらせるためのDESIGN.md集。Japanese DESIGN.md collection for AI agents — extending Google Stitch format with CJK typography.

解決する課題

このプロジェクトは、日本のWebサービス向けに特別に調整された DESIGN.md ファイルのコレクションを提供します。標準的な設計ドキュメントでは日本語タイポグラフィの固有の要件が見落とされがちであり、その結果、AIエージェントが誤ったフォントスタック、不適切な行間、壊れた句読点処理を含むUIを生成してしまうことがあります。

仕組み

Google Stitchによって提案されたプレーンテキストのMarkdown仕様である DESIGN.md 形式を使用して、Webサイトの視覚スタイルと雰囲気を定義します。これらのファイルをプロジェクトに含めることで、AIエージェントは日本語フォントのフォールバックチェーン、適切な文字間隔、特定の行間要件といった日本語タイポグラフィのルールを参照でき、生成されるUIの一貫性と可読性を維持できます。

対象読者

このコレクションは、AIエージェントを使用して日本語のWebインターフェースを構築またはプロトタイプ作成する開発者やデザイナー向けです。AIが生成するデザインが専門的な日本語タイポグラフィ基準に準拠していることを確認する必要がある方に最適です。

ハイライト

  • 幅広い日本のサービスに対応した DESIGN.md ファイルの厳選コレクションを収録。
  • 日本語特有の重要な設計ニーズに対応:フォントのフォールバックチェーン、行間の調整、文字間隔、および厳格な句読点ルール(禁則処理)。
  • 500以上のサイトのデザイン・トークンを視覚化する preview.html ギャラリーを同梱。
  • 日本語特有の設定が欠けている既存の国際的な設計ドキュメントのギャップを埋めます。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト