690514:2019 204-rfa-approval-refactor #01
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
// File: docs/ai-knowledge-base/prompts/dms/ui-flow.md
|
||||
# UI/UX Flow Design Prompt (DMS)
|
||||
|
||||
## ⭐ Role: UX/UI Designer (Enterprise Application)
|
||||
|
||||
## 🎯 Context
|
||||
ออกแบบหน้าจอและการไหลเวียนของงาน (User Journey) ในระบบ DMS ที่มีข้อมูลจำนวนมากและ Workflow ที่ซับซ้อน
|
||||
|
||||
## 🎨 Design Guidelines
|
||||
1. **Consistency**: ใช้ Component จาก `shadcn/ui` และ Palette สีตามมาตรฐานโครงการ
|
||||
2. **Efficiency**: ลดจำนวนการคลิกเพื่อเข้าถึงข้อมูลสำคัญ (e.g. Document Preview)
|
||||
3. **Feedback**: ต้องมี Loading states, Success/Error toasts และ Skeleton screens
|
||||
4. **Responsive**: รองรับทั้ง Desktop (หลัก) และ Tablet สำหรับงานหน้าไซต์
|
||||
|
||||
## 🚀 Prompt Template
|
||||
```
|
||||
[UI FLOW DESIGN]
|
||||
Feature: <ชื่อฟีเจอร์>
|
||||
User Role: <e.g. Document Control, Sub-contractor>
|
||||
Objective: <สิ่งที่ผู้ใช้ต้องการทำ>
|
||||
Request: ออกแบบ User Flow ตั้งแต่เริ่มต้นจนจบ พร้อมระบุ UI Components ที่ต้องใช้ในแต่ละหน้า
|
||||
```
|
||||
|
||||
---
|
||||
// Change Log:
|
||||
// - 2026-05-14: Initial UI flow prompt
|
||||
Reference in New Issue
Block a user