AI Design System Studio
AI Design System Studio は、brief を実装可能な UI へ変換する判断を、契約と検証結果で追跡可能にするデザインシステムです。
Example apps
このシステムが選定・実装した、実際に操作できるアプリの例です。
Ops Pulse
Ops Pulse
dashboarddashboard-01
Member Gate
Member Gate
authlogin-03
Invoice Desk
Invoice Desk
collectioncollection-table-01
Launch Board
Launch Board
planning-boardplanning-board-01
Review Docs
Review Docs
document-workspacedocument-workspace-01
Support Inbox
Support Inbox
inbox-communicationinbox-communication-01
システムの流れ
briefから実装まで、選定と検証の根拠を実際の成果物でたどれます。
1. 作りたいものを伝える
「主要指標・推移・直近の業務状況を、管理者が最初に把握できるようにしたい。」
2. 画面の組み立てを選ぶ
summary-metric-row-01chart-panel-01data-table-panel-01
3. コードとして実装Dashboard 01
4. できあがった画面
Dashboard 01
Patterns inventory
ScreenType・blockRole・registryパターンとして蓄積された在庫です。
ScreenTypes
13 / types
blockRoles
33 / roles
Registry items
46 / patterns
inventoryはexperimentalを含みます。自動検証のpassは、UX・内容・maturityに対する人間レビューを代替しません。