zarazhangrui/frontend-slides

解決的問題

Frontend Slides 讓非設計人員無需編寫 CSS 或 JavaScript，即可建立專業且具視覺吸引力的 HTML 簡報。透過為使用者提供可供選擇的視覺預覽，消除了表達設計偏好的困難，避免了平庸的「AI-slop」美學。

工作原理

它作為編碼代理（如 Claude Code、Codex 或 Gemini CLI）的技能來實現。代理使用專案的模板和樣式預設來生成單檔案 HTML 簡報。過程包括：

1. 從使用者處收集內容或從 PowerPoint (.pptx) 檔案中提取內容。
2. 根據使用者的簡報生成三個視覺風格預覽。
3. 以所選風格建立最終簡報，並作為帶有內聯 CSS 和 JS 的獨立 HTML 檔案交付。

適用對象

需要快速製作高品質網頁版投影片，且不想承擔建置工具或框架開銷的非設計人員、企業家和開發人員。

亮點

• 零依賴：生成不需要 npm 或建置工具的單個 HTML 檔案。
• PPT 轉換：在保留圖像和內容的同時，將現有的 PowerPoint 檔案轉換為網頁簡報。
• 視覺風格探索：採用「用視覺展示而非言語描述」的方法，使用視覺預覽而非文字描述。
• 豐富的模板庫：包含多種精選樣式，包括包含 34 個設計系統的「Bold Template Pack」。
• 生產級品質：確保具有良好的註解代碼、符合無障礙標準且為 16:9 寬高比的投影片。