🚀 Quick Text Copy
用最直覺的方式,一鍵複製標題與網址
Quick Text Copy 是一款專為知識工作者、研究者與內容創作者設計的 Chrome 擴充功能,能夠 一鍵複製目前網頁的標題與網址 到剪貼簿,讓資訊的收集、筆記與分享流程更加高效、順暢。
🛠 背後的開發故事
這個小巧實用的工具,由數位教練蔡正信(蔡教練)透過 Amazon 旗下的 AI IDE Kiro 進行Vibe Coding ,進一步轉化為程式開發任務。
在 Kiro 的輔助下,他將自己的需求具體化,最終完成了這款實用的 Chrome 擴充功能,並成功上架到 Google Chrome 應用商店。
🚀 Chrome 擴充功能從構想到上架的完整產品化歷程
這個事件橫跨了整週,展現了蔡教練如何將一個多年的個人痛點轉化為實際產品:
起因: 多年來手動複製網頁標題和網址的重複性困擾
發展過程:
- 週四開始動手開發「Quick Text Copy」擴充功能
- 使用 Kiro + ChatGPT 協作完成程式碼撰寫
- 週五完成功能開發並提交 Chrome 商店審核
- 週六凌晨收到上架通知,同時使用 Manus 製作產品官網
成果:
- 成功上架 Chrome Web Store
- 建立產品專屬網站
- 創造可分享的短網址系統
- 將個人需求轉化為可供他人使用的工具
意義: 這不只是解決個人問題,更代表你正式跨入「數位產品開發者」的身份。從教學者到創造者,你用實際行動證明了「看見問題→設計解法→實作產品→分享價值」的完整循環。
這個經驗也立即轉化為你的教學素材,讓學生看見從痛點到產品的實踐路徑。

「我不只用 AI 幫助我整理想法,還讓它成為我的開發助理。」
開發完成後,蔡教練進一步透過 AI 智能體 Manus 撰寫並生成 Quick Text Copy 的官方網站,用最自然的語言與清晰的架構,讓使用者能一眼理解工具的價值與使用方式。
Quick Text Copy – 一鍵複製頁面資訊的 Chrome 擴充功能 https://rdcoach.pse.is/7yjccm
✨ 主要功能特色
- ✅ 一鍵複製:快速將當前頁面的標題與網址組合為格式化文字,直接複製到剪貼簿
- ✅ 格式一致:貼上內容統一為「標題|網址」的格式,便於貼入筆記、簡報、對話與任務追蹤
- ✅ 零干擾設計:安裝後輕巧無感,點擊圖示即可立即觸發動作,不影響任何網頁功能
📥 安裝方式
Quick Text Copy – 一鍵複製頁面資訊的 Chrome 擴充功能 https://rdcoach.pse.is/7yjccm
🔧 開發技術與工具
- AI程式開發:Kiro
- 擴充功能開發:
擴展結構- Manifest V3:現代 Chrome 擴展格式,使用 service worker
- Service Worker:處理按鈕點擊和剪貼簿操作的背景腳本
- 內容腳本注入:動態腳本注入以存取剪貼簿
- 無彈出介面:直接動作按鈕,無彈出介面
- 核心元件
- 1. Service Worker (`service-worker.js`):主要背景邏輯
- 2. Manifest (`manifest.json`):擴展配置和權限
- 3. 圖標:多種尺寸的視覺資源 (16px, 32px, 48px, 128px)
- 4. 測試頁面 (`test-page.html`):開發測試介面
- 官網撰寫與生成:Manus(AI 簡報與網站生成工具)
🔜 未來版本計畫(Roadmap)
- 🔄 支援多格式複製(Markdown / HTML / 純文字)
- 🧠 與 Notion、Heptabase 等筆記工具整合
- 🌐 自訂樣板與多語系支援
🙌 為什麼選擇 Quick Text Copy?
在資訊爆炸的時代,每一次複製貼上都應該是簡潔而一致的。Quick Text Copy 幫助你縮短動作距離,把焦點放回到資訊整理與價值創造的本質上。
Chrome 擴充功能開發流程 SOP 文件 – 漫遊數位 https://rd.coach/chrome-extensions-sop/