オブジェクト指向UIデザインをAgent Skillにして、Claudeが作るUIはどう変わるかの検証

概要

オブジェクト指向UI（OOUI）の原則をClaudeのAgent Skillとして言語化し、AIによるUI生成が「機能起点」から「対象起点」の構造へどう変化するかを比較・評価した検証記事。

詳細内容

本書籍『オブジェクト指向UIデザイン』の設計原則をClaude CodeのAgent Skill（SKILL.md）として定義し、AIが生成するUIの品質や構造にどのような影響を与えるかを検証した記録です。具体的には「名詞から動詞へ」「モードレス」といった原則を具体的な手順としてSkill化し、社内文書検索システムの管理画面を作成させました。検証の結果、Skillを与えた場合はサイドバーのメニュー構成が機能単位からオブジェクト単位に変化し、詳細表示がモーダルからモードレスなレイアウトへと改善されるなど、UI構造に明らかな差が出ることが確認されました。AIに曖昧な指示を与えるのではなく、設計理論を「判断の軸」として言語化して渡すことで、AIによるUI生成とレビューの精度を向上させる有用性を示しています。

元記事を読む