Shots.so / Xnapper
把截圖放進漂亮背景框裡,一鍵生成社群分享圖。
🔨 可以刻
一個下午就刻完,這根本是 CSS 練習題
月費(約)
免費增值
一年省下
—
自己刻要多久
一個下午
幾個人做得出來
一個人
分類
📱 生產力
價格為約略值,以官網為準。shots.so 免費使用;Xnapper 為 Mac 付費 App 約 US$10 一次性買斷
護城河
判決理由
核心功能就是把截圖貼到一張有漸層背景的卡片上,加陰影、圓角、邊距,這全部是 CSS 與 Canvas API 的事,一個下午綽綽有餘。真正花時間的是調出幾十種好看的預設主題、漸層色票、字型搭配,但這些都是打磨,不是技術門檻。自用的話,挑三個自己喜歡的模板就夠了。
為什麼大家還是付錢
多數人不想花時間調參數,只想選個模板一鍵搞定;付的是「不用想」的懶人包。
建置 prompt
複製下面這段,丟給你的 AI coding 工具,讓它替你刻一個自用版。
目標:做一個自用的截圖美化工具,把截圖放進有漸層背景的卡片,輸出分享圖。
技術棧建議:純前端 HTML + CSS + Canvas,或 Python + Pillow,不需要後端。
需求:
- 上傳截圖,自動偵測尺寸並套入預設卡片模板
- 至少 8 種預設漸層背景主題,可一鍵切換
- 支援自訂背景色與漸層方向
- 截圖可選圓角或直角,陰影強度可調
- 卡片內邊距可調,支援加標題文字與字型選擇
- 輸出解析度可選 1x / 2x / 3x
- 一鍵下載 PNG 與 JPG,可選品質
- 支援拖曳上傳與剪貼簿貼上
- 歷史紀錄存在本機 localStorage,可回溯
- 一鍵匯出所有模板設定為 JSON
明確不做(out of scope):多張截圖拼貼、影片截圖、自動加浮水印、社群帳號直接發布、帳號系統。
README 要求:用途說明、部署方式(或直接開 HTML)、模板自訂方法、匯出格式說明。
「用 Claude Code 開啟」複製的是 claude "<prompt>",貼進終端機即可;
Codex、Cursor、Copilot 等工具直接用左邊的複製鈕貼進對話框。
免費 / 開源替代
- Carbon 免費
程式碼截圖美化工具,專注程式碼,非一般截圖。 - Excalidraw 免費
手繪風格白板,可匯出漂亮圖片,但不是截圖美化工具。
替代品由 AI 依公開資訊列出,尚未逐一連線驗證(unverified),請自行確認是否仍在維護。
這個判決會隨模型進步翻盤:今天的「勉強可以」很可能半年後變成「可以刻」。
判決依 rubric v1.0.0 於 2026-09-04 生成。
工具索引來源:canivibecodeit.com ↗(我們只取了名稱、官網、分類與月費這幾個事實;上面的判決、理由、建置 prompt 與替代品都是本站自己產的)。
工具索引來源:canivibecodeit.com ↗(我們只取了名稱、官網、分類與月費這幾個事實;上面的判決、理由、建置 prompt 與替代品都是本站自己產的)。