跳到文件正文
oh-my-design
工作流程

工作範例

可直接改寫的任務目標

保留目標與限制,再把產品領域和介面換成自己的情境。

01

建立品牌脈絡

新專案或沒有 DESIGN.md
為忙碌家長的餐食規劃 App 建立設計系統。推薦 verified_v2 參考,說明差異,並在寫入 DESIGN.md 前讓我確認。

結果

  • 參考推薦
  • DESIGN.md 方案
  • 代理連接檔案

技能

omd:initomd:sync
02

交付新介面

完整頁面或流程
建立付款完成流程,包含成功、失敗與部分成功狀態。使用 DESIGN.md 和既有元件,並驗證無障礙。

結果

  • 使用者旅程
  • 可運作 UI
  • 關鍵狀態完整覆蓋
  • 驗證摘要

技能

omd:harnessomd:applyomd:final-qa
03

改善既有頁面

可用但缺少產品特色的 UI
檢查這個儀表板中缺少產品依據的重複模式、層級、密度、動效與無障礙。保留行為,先套用影響最大的修正,再展示差異。

結果

  • 依優先順序整理的問題
  • 聚焦修補
  • 前後依據

技能

omd:slop-auditomd:feelomd:designer-review
04

記錄偏好修正

教代理你的偏好
我們的 CTA 不使用全大寫。把這項偏好記錄到專案中,保留按鈕行為並修正目前頁面。

結果

  • 待處理偏好
  • 有範圍的 UI 修正
  • DESIGN.md 合併建議

技能

omd:rememberomd:learnomd:taste