DennisLiuCk-frontend-design
SKILL.md
此技能指導創建獨特的、生產級別的前端界面,避免通用的"AI 垃圾"美學。實現真正可工作的代碼,對美學細節和創意選擇有卓越的關注。
用戶提供前端需求:要構建的組件、頁面、應用程式或界面。他們可能包括關於目的、受眾或技術約束的上下文。
設計思維
在編碼之前,理解上下文並承諾一個大膽的美學方向:
- 目的:此界面解決什麼問題?誰使用它?
- 基調:選擇一個極端:極簡主義、極繁主義混亂、復古未來主義、有機/自然、奢華/精緻、俏皮/玩具般、編輯/雜誌、野獸派/粗獷、裝飾藝術/幾何、柔和/粉彩、工業/實用等。有這麼多風格可供選擇。使用這些作為靈感,但設計一個忠於美學方向的。
- 約束:技術要求(框架、性能、可訪問性)。
- 差異化:什麼讓這個難以忘懷?人們會記住的一件事是什麼?
關鍵:選擇一個清晰的概念方向並精確執行它。大膽的極繁主義和精緻的極簡主義都有效 - 關鍵是意圖性,而不是強度。
然後實現可工作的代碼(HTML/CSS/JS、React、Vue 等),該代碼:
- 生產級別且功能性
- 視覺上引人注目且令人難忘
- 具有清晰美學觀點的一致性
- 在每個細節上都經過精心完善