{"repo":"garyyang1001/slide-editor","free":true,"listed":false,"github":"https://github.com/garyyang1001/slide-editor","clone":"git clone https://github.com/garyyang1001/slide-editor.git","description":"瀏覽器內 HTML 簡報編輯器 · 點擊編輯、拖曳移動、AI 改寫（Claude / Codex CLI）· Claude Design 後續迭代利器 · 單檔 Python 零依賴","language":"JavaScript","stars":27,"topics":["ai-editor","claude","contenteditable","deck","editor","html","python","slides","codex","ohya-digital"],"license":"MIT","category":"cli-tools","readme_excerpt":"Claude Slide Editor repo / 套件名： slide-editor · 產品名（首頁顯示）： Claude Slide Editor 瀏覽器內的 HTML 簡報編輯器。 點文字直接編輯、新增標題／段落、改字體字重、貼上圖片、AI 一鍵改寫某段、右鍵刪除元件、拖元件、自動備份 。改完寫回原檔。 單一 Python 檔，零外部相依，無建置步驟。為「 Claude Design 出第一版，本機編輯器接手後續迭代 」這個工作流而做。 兩種啟動方式： 介紹影片 40 秒介紹影片，三段功能實機演示：游標移動、hover 提示、文字打字、圖片拖放、四角縮放、AI 改寫 modal、改前改後對照、套用。 ▶ YouTube 上看完整影片 影片用 Remotion 寫的，原始碼在 video/ ， cd video && npm install && npm run render 一行可重出。 --- 為什麼做這個 Claude Design 跟 Artifacts 出第一版簡報很猛，但 做後續調整非常吃 token ：每改一句話、調一張卡片，整份 deck 都要重灌進 context，幾輪下來 quota 就燒光。對需要反覆打磨文案的簡報工作，這個成本不合理。 slide-editor 解的是這個問題。流程： 第一版交給 Claude Design 處理（它擅長從零生整份 deck）。後續所有調整 ── 改文案、搬卡片、改字級、要 AI 重寫某一段、新增 / 刪除元件 ── 全部在本機 slide-editor 裡完成。手動編輯完全免費，AI 改寫每次只送一個元素 + 一個指令進 LLM，token 用量是 Claude Design 重生整份的零頭。 --- 它能做什麼 --- --- 直接編輯文字 滑到任何文字 → 淡灰細線提示 → 點下去 → 打字。所有 slide 內可編輯文字自動偵測。 新增元件 工具列「＋ 標題」/「＋ 文字」→ 游標準心 → 點 slide 位置放，placeholder 文字全選，直接打字取代。 粗 / 斜 / 底 字體工具列 B / I / U ，或鍵盤 ⌘B / ⌘I / ⌘U 。 改字體 13 款 Google Fonts：Noto Sans/Serif TC、Inter、Plus Jakarta、IBM Plex、Manrope、Crimson Pro、Lora、JetBrains Mono…，動態載入。 改字重 / 字級 字體工具列下拉 300/400/500/700 + 加減按鈕（或 Alt+↑ / Alt+↓ ）。 移動元件 移動模式 → 拖元件，或選中後用方向鍵微調。位置存成 transform: translate(x,y) 。雙擊還原。 結構面板 工具列「結構」查看目前 slide 的 DOM 樹，點一列即可選中對應元素。 插入圖片 拖檔進瀏覽器 → 落在拖放點。或工具列「新增圖片」→ 自動放當前 slide 中央。 縮放圖片 點圖片 → 四角 handle → 拖角縮放，鎖定長寬比。 AI 改寫（即時） 標記某段 → 輸入指令 → 10–18 秒後跳「改前 / 改後」對照 → 接受或丟棄。 AI 改寫（佇列） 標記後選「加入佇列」→ 累積一批 → 回 Claude Code 對話框說「跑 queue」批次處理。 右鍵刪除元件 右鍵任何元素 → 紙底選單 → 刪這個 / 刪外層容器。 拖移工具列 工具列頂端「編輯器 ／ ⋯」可拖到任何位置，記憶在 localStorage，雙擊還原。 返回","default_branch":null,"files":null,"tree":[],"storefront":"/r/garyyang1001","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/garyyang1001/slide-editor/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}