Frontend Design

關於 Frontend Design

協助建立更有設計感、可上線的前端頁面與元件，避免一般 AI 產出的制式版型。

分類：推薦 Skill

標籤：前端設計、UI、網站

前往 Frontend Design 官網或原始資源

相關與類似資源

Agent Browser — 讓 AI 用瀏覽器打開網站、點擊、填表、截圖與測試互動流程。
Better Icons — 從大量 Iconify 圖示庫中搜尋合適 icon，並可取出 SVG 或批次同步到專案。
Design Taste Frontend — 以更嚴格的設計工程規則檢查前端，包含版面、字體、配色、動效與元件架構。
Grill Me — 用連續追問壓力測試想法、產品方案、內容定位或設計決策，逼出模糊處與真正的取捨。
GSAP Skill — 讓 AI 直接產出 GSAP 高效能動效程式碼，涵蓋捲動視差、滑鼠跟隨、文字與 SVG 圖形動畫等常見網頁互動。
HTML Slides — 把文字、Markdown、TXT 或簡報內容轉成高品質、單一 HTML 檔的網頁簡報。

精選工具

Batch Export Frames — 創作邦製作的 Figma 外掛，可批量輸出 Frame，並支援快速定位與整理需要輸出的畫面，適合設計交付、作品整理與大量素材輸出。
ChatGPT — 適合寫作、企劃、研究、圖片生成、資料整理與日常工作輔助。
Claude — Anthropic 的 AI 助手，協助寫作、整理資料、分析文件與程式開發。
Codex — OpenAI Codex 現在可支援 GPT Image 2 / Image 2 工作流，適合讓 AI 代理協助整理需求、生成提示詞並串接圖片生成流程。

新工具與資源

Codex — OpenAI 的 AI 代理，協助理解專案、修改程式、檢查程式碼與執行開發任務。
Grok Bot — 以雲端電腦與多個 AI 助手處理跨網站、應用程式與工具的工作。
獅尾骨頭黑體 Swei Bone Sans — 思源黑體的筆畫頭尾加寬，起筆收筆像一節節骨頭，再去掉拔腳的短線。七種字重，大標小標都清楚，適合想要一點個性的版面，OFL 授權可免費商用。
Ezgif — 線上 GIF 工具箱，影片轉 GIF、裁切、調速、加字、壓縮都在同一站。做社群動圖或簡報裡的小動畫不用裝軟體，完全免費。

新文章

創作邦重新讀取中