Communitygithub.com

movistrato/awwwards

頂級前端編排器——整合完整設計堆疊,打造Awwwards等級、令人驚豔的UI作品。

awwwards 是什麼?

此技巧旨在成為一名「頂級前端編排器」,專為追求卓越、展現工藝與視覺衝擊力的前端專案而設計。它能根據用戶需求,自動組合完整的設計技術堆疊,產出達到Awwwards獲獎等級的使用者介面。適用場景包括:需要「驚豔」效果的登陸頁面、客戶展示Demo、品牌官網、行銷主視覺、創意編碼作品、互動展示、Remotion影片合成,或是任何以「設計工藝」為首要目標的單頁HTML或React專案。支援平台涵蓋Claude Code、Cursor及Codex等主流AI代理工具。其核心運作方式是透過系統性分析用戶請求中的關鍵詞(如「頂級」、「驚豔」、「展示級」),自動識別專案類型,並調用最適合的前端技術與設計模式,從零開始或基於模板快速生成高度打磨過的程式碼與設計產出。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/movistrato/faro/tree/main/skills/awwwards

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

awwwards 是做什麼的?

頂級前端編排器——整合完整設計堆疊,打造Awwwards等級、令人驚豔的UI作品。當用戶要求頂級/高階/展示級/突出/英雄式/令人驚豔/作品集等級/值得獲獎的前端設計、需要令人驚豔的登陸頁面、需要成功的客戶展示、品牌網站、行銷主視覺、創意編碼作品、互動展示、Remotion影片合成,或任何以工藝而非單純功能為標準的單頁HTML/React成品時使用。此工具會從前端技術堆疊中進行編排組合。

相關技能