{"title":"聊天機器人建構工具","description":null,"products":[{"product_id":"chatbot-builder-react","title":"React 聊天機器人建構 Skill","description":"\u003cp\u003e大多數 React 聊天機器人教學都停留在示範階段。回覆在八秒後一次全部出現，每一輪都會將整個對話串重新傳給模型，而金鑰則放在 NEXT_PUBLIC_ 變數中，由 Next 直接內嵌到瀏覽器套件裡。截圖看起來沒問題，但實際使用不到一週就會出問題。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是 system prompt。將檔案放進專案後，用 Claude Code 或 Cursor 開啟，讓它與你一起完成架構：使用 Fetch ReadableStream reader 進行串流、連接 AbortController 以便停止、建立將 token 逐一附加其中的樂觀使用者訊息、讓清單不會在每個 token 到達時重新渲染每個對話氣泡、自動捲動不再與向上捲動的讀者爭鬥、支援 Markdown 和程式碼區塊、將金鑰放在路由處理程式後方、先將歷史記錄儲存在 localStorage，之後再移至真正的後端，以及為對話串變長的那一天準備 token 預算。\u003c\/p\u003e\u003cp\u003e購買一次後即可永久保留。不需訂閱、沒有執行階段相依性，也沒有人阻止你在下一個專案中重複使用，或隨著程式碼庫的變化進行編輯。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58693470486792,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-react-1.png?v=1789397346"},{"product_id":"chatbot-builder-python","title":"Python 聊天機器人建構 Skill：Flask 與 Django","description":"\u003cp\u003e搜尋如何用 Python 製作聊天機器人，你會得到一段十五行的腳本，什麼都不做九秒後才一次印出完整答案。但它不會告訴你：每個開放串流期間，一個同步的 gunicorn worker 都會被占住；Flask 產生器一執行 yield 就會失去請求內容；對話無法存放在工作階段 Cookie 中；而記憶體內的速率限制器會在每個 worker 中分開計算。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是 system prompt。將檔案放進你的專案，用 Claude Code 或 Cursor 開啟，它會陪你逐步完成設計：並列比較 Flask 路由與 Django 視圖；由於 WSGI 會阻塞，因此採用伺服器傳送事件；何時應誠實地改用 ASGI 或 Channels；在 ORM 中儲存對話；使用 Celery 處理耗時工作，但絕不用它處理 token；依使用者進行速率限制；搭配退避的重試機制；使用 pydantic 產生結構化輸出；以及不會吞掉串流的 gunicorn 或 uvicorn 部署方式。\u003c\/p\u003e\u003cp\u003e購買一次即可永久擁有。不需訂閱、不需帳戶，也不限於在多少個專案中重複使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58693470552328,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-python-1.png?v=1789388364"},{"product_id":"chatbot-builder-wordpress","title":"適用於 WordPress 的聊天機器人建立 Skill","description":"\u003cp\u003e大多數 WordPress 聊天教學都止步於一個將訊息發送至 admin-ajax.php 的方塊，並把 API 金鑰放在佇列載入的指令碼中。用這種方式製作的 WordPress 聊天機器人外掛，會將金鑰交給任何開啟檢視原始碼的人；頁面快取提供昨天的 nonce 時，會立即回傳 403；而且無法串流傳送 token，因為 wp_remote_post 只有在整個本文接收完畢後才會返回。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是外掛。你只要將檔案放進專案，並用 Claude Code 或 Cursor 開啟它；它會詢問你使用的 WordPress 和 PHP 版本、小工具是否公開，以及內容存放的位置。接著它會與你一起建置：標頭區塊和啟用掛鉤、寫入 wp_options 的設定頁面、具備真正 permission_callback 的 register_rest_route、nonce 與權限檢查、短代碼和區塊、transients，以及用於查詢文章的 WP_Query。\u003c\/p\u003e\u003cp\u003e一次購買，永久擁有。不需訂閱。檔案會留在你的儲存庫中，下一個客戶的網站也能再次使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58693470650632,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-wordpress-1.png?v=1789397347"},{"product_id":"chatbot-builder-spring-boot","title":"適用於 Spring Boot 和 Java 的聊天機器人建立 Skill","description":"\u003cp\u003e大多數聊天機器人 Spring Boot 範例，都是在控制器中呼叫 RestTemplate，一次回傳完整回覆，並將金鑰放在 application.properties 中。它能編譯，也能做示範。但第一位真正的使用者會盯著空白畫面等上 11 秒，第二位會因為供應商對你進行速率限制而收到 500 錯誤，重試時又會重新播放瀏覽器已經呈現過的 token，而金鑰則留在 Git 歷史紀錄中。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是函式庫。你可以在自己的專案中使用 Claude Code 或 Cursor 開啟它，而它會詢問你使用的 Boot 與 Java 版本、應用程式是反應式還是一般 MVC，以及狀態應該儲存在哪裡。接著它會與你一起建置：使用 record 定義 DTO、由 WebClient 解析供應商的 SSE 框架、讓控制器透過 text event stream 回傳 Flux，或在非反應式環境中使用 SseEmitter，使用每回合重設 TTL 的 Redis、resilience4j，以及透過設定屬性繫結金鑰。\u003c\/p\u003e\u003cp\u003e付款一次，內容就歸你所有。不需訂閱，也不按席位計費。檔案會留在你的儲存庫中，下一個服務仍然可以使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58693470716168,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-spring-boot-1.png?v=1789397346"},{"product_id":"chatbot-builder-nodejs","title":"適用於 Node.js 的聊天機器人建立 Skill","description":"\u003cp\u003e一般的 Node.js 聊天機器人教學在回覆出現的那一刻就結束了。沒有人提到，路由前面的壓縮中介軟體會暫存每個區塊，res.write 在 socket 已滿時會回傳 false，關閉瀏覽器分頁會讓模型呼叫繼續執行並產生費用，或者串流在傳送第一個位元組後拋出錯誤時，已無法變更狀態碼，並會讓 socket 持續開啟，直到代理伺服器逾時。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是 system prompt。將檔案放入專案中，用 Claude Code 或 Cursor 開啟，讓它與你一起處理後端：一個能夠串流的 Express 或 Fastify 路由、已刷新的標頭、妥善處理的背壓、連接至用戶端中斷的 abort、儲存在 Redis 或 Postgres 中並採用修剪策略的對話狀態、能重新組合分段引數的工具呼叫迴圈、總能結束回應的錯誤處理，以及會在無伺服器環境中終止長時間串流的時間限制。\u003c\/p\u003e\u003cp\u003e一次付費，檔案永久歸你。無需訂閱、不會向外回報，也沒有理由不能在下一個服務中重複使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58693470781704,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-nodejs-1.png?v=1789397311"},{"product_id":"chatbot-builder-telegram","title":"Telegram 聊天機器人建立 Skill","description":"\u003cp\u003e搜尋如何製作 Telegram 機器人時，每份指南都停在相同的三行：傳訊息給 BotFather、複製權杖、把訊息原樣回傳。這只能讓機器人進入聊天，卻無法讓它應付真實使用者。指南從未說明應該輪詢還是執行 webhook、權杖應該存放在哪裡，也沒提到當兩個人同時傳訊息，而記憶體中的字典正代替狀態管理時，會在那一瞬間發生什麼事。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是聊天腳本。將檔案放進專案中，用 Claude Code 或 Cursor 開啟，它會陪你完成真正的建置流程：說明 BotFather 註冊與隱私模式，根據你的實際基礎架構，而非套用預設值，在 webhook 與長輪詢之間做出選擇；將每個聊天的狀態儲存在資料庫而非記憶體中；處理更新時避免重複處理；並部署一個能維持連線的版本。\u003c\/p\u003e\u003cp\u003e購買一次，內容就永久歸你所有。不需訂閱、不需帳戶，也不限制你在不同專案中重複使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58716260958472,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-telegram-1.png?v=1789397346"},{"product_id":"chatbot-builder-discord","title":"Discord 聊天機器人建立 Skill","description":"\u003cp\u003e搜尋「在 Discord 建立機器人」，你會取得 Developer Portal 中的應用程式、機器人權杖和邀請連結。這能讓機器人加入伺服器，但沒有說明為什麼機器人接著無法讀取訊息內容、為什麼成員事件始終不會觸發，或為什麼在一個伺服器中有效的斜線指令，在其他地方卻完全看不見。\u003c\/p\u003e\u003cp\u003e這是一份建置指南，不是入門指令碼。將檔案放入專案中，用 Claude Code 或 Cursor 開啟它，它會陪你完成真正的建置流程：根據機器人的實際需求設定閘道意圖，而不是預設全部啟用；先將斜線指令註冊為伺服器指令，以便立即測試，再推送為全域指令；在 Discord 的三秒期限內回覆或延遲回覆互動；以及具備安全重新連線能力、能持續執行的程序。\u003c\/p\u003e\u003cp\u003e購買一次即可永久擁有。不需訂閱、不需帳戶，也不限於在多少個專案中重複使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58716261122312,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-discord-1.png?v=1789397311"},{"product_id":"chatbot-builder-whatsapp","title":"WhatsApp 聊天機器人建立 Skill","description":"\u003cp\u003e搜尋 whatsapp bot python，你會看到一個只會回傳一則訊息的 Twilio 沙盒示範。它完全沒提到會讓正式環境中的後續追蹤功能失效的 24 小時客服服務時段、Meta 要求在任何訊息抵達前完成的 webhook 驗證握手流程，或是直接使用 Cloud API 與透過 Twilio 等服務商之間的實際取捨。\u003c\/p\u003e\u003cp\u003e這是一份針對整合本身的建置指南，不是用來規定機器人回覆內容的系統 prompt。將檔案放入你的專案中，使用 Claude Code 或 Cursor 開啟它，它會陪你完成實際建置：Meta Business 驗證與電話號碼設定、通過 challenge-token 握手的 webhook、以 24 小時工作階段時段為核心的訊息處理流程（超出時段則使用預先核准的範本），以及傳送狀態追蹤，確保傳送失敗時不會被誤認為成功。\u003c\/p\u003e\u003cp\u003e購買一次即可永久擁有。不需訂閱、不需帳戶，也不限於在多少個專案中重複使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58716261777672,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/chatbot-builder-whatsapp-1.png?v=1789397347"}],"url":"https:\/\/kissmyskills.com\/zh\/collections\/chatbot-builders.oembed","provider":"KissMySkills","version":"1.0","type":"link"}