Communitygithub.com

Xaomisatoshi/ultra-3d-premium-landing-architect-skill

從簡短需求說明書建立完整、響應式的超 3D 高級登陸頁面,包含轉換文案、視覺藝術指導、互動效果、可實作的程式碼或無程式碼建立器指南,以及可驗證的 QA 閘道。適用於登陸頁面建立、高級網頁設計、3D 網站、互動式產品頁面、網站改版及轉換頁面。

ultra-3d-premium-landing-architect-skill 是什麼?

此技能「Ultra 3D Premium Landing Architect」旨在協助 AI 代理(例如 Claude Code、Cursor、Codex)從簡短需求說明書自動生成單頁、完整響應式的高級 3D 登陸頁面。它強制執行隨機設計風格選擇機制,避免偏好特定風格(如新粗獷主義),並提供多達 18 種以上的專業設計風格(包括瑞士國際主義、玻璃擬態、日式北歐風、極簡主義等)以及多種 3D 渲染效果(如粒子波、玻璃擬態、3D 裝置模型)。該技能詳細說明了互動式 3D 效果(如滑鼠追蹤、滾動動畫、點擊配置器),確保頁面不僅外觀引人注目,還具有高度的使用者互動性。最終輸出包含可實作的程式碼或無程式碼建立器指南,並設有可驗證的 QA 閘道,保障品質。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xaomisatoshi/ultra-3d-premium-landing-architect-skill/tree/HEAD

在你喜歡的 AI 中提問

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

說明文件

Ultra 3D Premium Landing Architect

從以下列表中隨機選取一個設計風格來建立單頁登陸頁面,或者如果找到更合適但未列出的風格,您也可以自行選擇,甚至可組合 2-3 種設計風格。 重要: 使用隨機選取方式 – 任何能確保變化的方法皆可。不要自動預設為「新粗獷主義」或任何特定偏好風格。請進行真正的隨機選取。

可用設計風格(此列表並非詳盡無遺 – 歡迎辨識並使用其他專業風格):

  • 新粗獷主義(原始、大膽、挑釁的視覺效果,具有結構性衝擊)
  • 瑞士/國際風格(基於網格、系統化、極度清晰的排版)
  • 編輯風格(受雜誌啟發、精緻排版、以文章為導向)
  • 玻璃擬態(半透明圖層、模糊背景、深度感)
  • 復古未來主義(80 年代未來願景、精緻懷舊)
  • 包浩斯(幾何簡約、基本形狀、形式追隨功能)
  • 裝飾藝術風格(優雅圖案、奢華、復古精緻)
  • 極簡主義(極度簡化、最大留白、僅保留必要元素)
  • 扁平風格(無深度、純色、簡單圖示、清晰)
  • 質感設計(Google 啟發、卡片、柔和陰影、動態)
  • 新擬物風格(柔和陰影、突出元素、觸感)
  • 單色風格(單一顏色變化、色調深度)
  • 斯堪地納維亞風格(Hygge、天然材質、溫暖極簡)
  • 日式北歐風格(日式與斯堪地納維亞融合、禪風遇見 Hygge)
  • 深色模式優先(專為深色介面設計、高對比優雅)
  • 現代主義(清晰線條、功能性美感、永恆)
  • 3D 渲染與電腦/科技
  • 「玻璃擬態」
  • 有機「曲線」
  • 3D 粒子波:數百個小點或線條,像數位波浪般移動 – 適合 AI、Web3 或數據新創公司

🌐 沉浸式 3D 體驗與滾動動畫

📱 3D 裝置模型

✨ 功能性微動畫

🪟 玻璃擬態與深色模式

🖤 等角 3D 元素

#登陸頁面的互動式 3D 效果:

  1. 滑鼠追蹤:英雄區域中的 3D 物件(例如科技小工具或抽象程式碼方塊)會隨著使用者滑鼠輕微移動。
  2. 滾輪動畫:當使用者向下滾動時,產品(例如運動鞋或瓶子)會旋轉、分解成零件(爆炸圖),並藉此解釋功能。
  3. 點擊配置器:使用者可以點擊 3D 圖形上的不同顏色或按鈕,模型會即時變化。

相關技能