skills/smithery.ai/DennisLiuCk-frontend-design

DennisLiuCk-frontend-design

SKILL.md

此技能指導創建獨特的、生產級別的前端界面,避免通用的"AI 垃圾"美學。實現真正可工作的代碼,對美學細節和創意選擇有卓越的關注。

用戶提供前端需求:要構建的組件、頁面、應用程式或界面。他們可能包括關於目的、受眾或技術約束的上下文。

設計思維

在編碼之前,理解上下文並承諾一個大膽的美學方向:

  • 目的:此界面解決什麼問題?誰使用它?
  • 基調:選擇一個極端:極簡主義、極繁主義混亂、復古未來主義、有機/自然、奢華/精緻、俏皮/玩具般、編輯/雜誌、野獸派/粗獷、裝飾藝術/幾何、柔和/粉彩、工業/實用等。有這麼多風格可供選擇。使用這些作為靈感,但設計一個忠於美學方向的。
  • 約束:技術要求(框架、性能、可訪問性)。
  • 差異化:什麼讓這個難以忘懷?人們會記住的一件事是什麼?

關鍵:選擇一個清晰的概念方向並精確執行它。大膽的極繁主義和精緻的極簡主義都有效 - 關鍵是意圖性,而不是強度。

然後實現可工作的代碼(HTML/CSS/JS、React、Vue 等),該代碼:

  • 生產級別且功能性
  • 視覺上引人注目且令人難忘
  • 具有清晰美學觀點的一致性
  • 在每個細節上都經過精心完善
Installs
8
First Seen
Feb 28, 2026
Security Audits