1. 01在頂部選擇圓角、clip-path、cubic-bezier 或加載動畫標籤。
2. 02圓角頁在“四角”與 8 值橢圓模式間切換，調整四個角的水平/垂直百分比或套用預設。
3. 03clip-path 頁拖動多邊形頂點，雙擊刪除、按鈕新增；Bezier 頁拖動兩個控制點並看動畫與 linear 對照。
4. 04Loader 頁選擇主色，從 12 款動畫中直接複製對應 HTML + CSS。

• 圓角每個水平/垂直半徑範圍 0–100%，提供圓形、樹葉、水滴、花瓣等 8 個預設；“隨機形狀”使用的是 Math.random()，不是公共 Web Crypto 隨機模塊。
• clip-path 內置三角、菱形、五到八邊形、五角星、箭頭、十字、對話框、梯形等 12 個預設；至少保留 3 個頂點，新增頂點會插入當前最長邊的中點。
• cubic-bezier 的兩個 x 控制量強制在 0–1，y 可在 -0.5–1.5，以支持預備和回彈；動畫預覽時長 0.3–3 秒，代碼示例固定給出 600ms 過渡。
• Loader 一共 12 款，包括圓環、雙弧、三點、豎條、脈衝、漣漪、軌道、九宮格、進度條、翻轉等；複製內容同時包含 HTML 和 CSS。
• 不做什麼：不運行任意用户 CSS、不提供完整可視化佈局編輯器，也不自動寫入項目文件。

所有 CSS 參數、預覽和複製結果只在瀏覽器當前頁面生成，不上傳，也不執行遠程代碼。