【元記事】(https://qiita.com/engchina/items/021eaec14a0970ee1c0b)
3行まとめ
- AIでUI生成する際に業種ミスマッチなデザインが生まれる問題を、161業種×67スタイルの知識ベースで解決するスキル
- BM25検索により業種に最適なデザインシステムを自動生成し、プロンプトなしで自動アクティブ化する
- GitHubスター58,000超を獲得し、デザインシステムと事前チェックリストを構造化して品質を自動担保する
要約
背景・課題
- AIでUIを生成する際、「業種に合わない配色やスタイル」「毎回デザインルールを指定する手間」が問題になっていた
- Codex CLIユーザーが「銀行アプリなのに派手なパープルグラデーション」といった的外れなデザインに困っていた
アプローチ
- 161業種のルール・67スタイル・57フォントペアを外部CSV化して知識を体系化
- BM25検索で業種に最適なデザインシステムを自動生成し、プロンプトなしで自動アクティブ化する仕組みを構築
成果・ポイント
- GitHubスター58,000超の人気を集め、リリース後ほぼ垂直に伸びている
- デザインシステムと事前納品チェックリストが自動生成され、アンチパターン明示で業種ミスマッチを事前防止