palxiao/poster-design

解決的問題

提供即開即用、可直接投入生產的 AI 海報編輯器與線上創意圖像設計工具。無需大量開發工作，即可簡化海報、電商分享圖、長文文章與社群媒體封面的製作流程。

工作原理

本專案使用 Vue 3 與 TypeScript 建構的原生 DOM canvas 編輯器。採用混合式影像生成方式，結合 html2canvas 的前端渲染與 Puppeteer 的後端渲染，並內建併發佇列。在 AI 功能方面，整合 onnxruntime-web 與輕量級模型 u2netp，於瀏覽器中直接執行 AI 背景移除（扣圖），無需為此特定任務專門部署後端伺服器。同時支援匯入 PSD 檔案，以協助產生模板。

適用對象

專為希望建構或自訂自己線上設計平台的開發者，以及需要快速生成專業圖形設計與海報的使用者而設計。

主要亮點

• AI 驅動工具：內建 AI 圖像生成、文案輔助功能，以及帶畫筆修復/擦除工具的一鍵 AI 背景移除。
• 全面的編輯器：支援高階文字效果（陰影、描邊、漸層）、影像遮罩與 SVG 編輯。
• 生產就緒：配備完整的後端管理系統、基於 JWT 的使用者認證，以及用於持久化模板與資源的 SQLite 資料庫。
• 靈活輸出：支援前端與後端影像合成，降低維護難度。