使用案例Comet
為 UI 元件產生功能性程式碼
透過為滑動軸、對話方塊等元件產生即用型 HTML、CSS 和 JS,快速推出互動式 UI。
- Comet
- Comet 搜尋
- 連接器
- 科技
- 市場推廣
- 設計
概覽
設計師與行銷人員經常需要互動式 UI 元件(如滑動軸、輪播圖片、對話方塊)的可用程式碼,而無需等待工程資源。
Comet 的助理可以隨需為常見元件產生乾淨、可直接用於生產環境的 HTML、CSS 和 JavaScript。只要描述行為、視覺風格和任何限制,Comet 就會傳回可直接嵌入網頁或電子郵件範本的程式碼。
主要輸出
提示
- 精確描述視覺行為:指定「淡入淡出轉場」、「無限循環」、「滑鼠懸停時暫停」或「同時顯示 4 個標誌」等詳細資料,以確保輸出符合您的設計意圖。
- 提及您的技術限制:如果您使用的是特定的 CMS 或框架,請新增「無外部函式庫」或「必須能在 Webflow 嵌入區塊中運作」等背景資訊,以取得相容的輸出。
- 透過貼回程式碼來進行迭代:如果第一次的輸出需要精進,請將其貼回對話中,並要求 Comet「調整動畫速度」或「使其適用於行動裝置」,以進行針對性的編輯。