新進文章

告別 JSON 模擬數據!實測 Visual Paradigm AI App Studio:打造 LLM 與真實數據庫無縫接軌的 AI 開發工作流

引言:AI 開發時代的「無根」痛點

身為一名經常需要快速驗證產品概念(PoC)的產品經理與技術愛好者,我深刻體會到近年來 AI 代碼生成技術的飛躍。然而,在實際應用中,我發現了一個巨大的痛點:目前大多數的 LLM(大型語言模型)在生成應用時,幾乎都將重心放在前端 Web 介面上,嚴重缺乏對後端(尤其是數據庫架構)的支援。

過去,為了快速 Prototype,我們通常只能妥協,使用 JSON 或 XML 作為本地端的持久化存儲,或者乾脆寫死 Mock 數據來模擬前後端邏輯。這種方式雖然能迅速證明概念,但當我們準備將這個原型推向真正的企業級應用時,噩夢才剛開始——我們必須從頭考慮數據庫設計、處理後端部署,甚至有時為了圖快而使用了某些供應商鎖定(Vendor Lock-in)的 BaaS 服務,導致後續遷移極度耗時且曲折。

直到最近,我發現了 Visual Paradigm AI App Studio。它完美切中了這個痛點,讓我能夠在前期就無縫整合數據庫設計與後端邏輯,再將前端原型交給 LLM 處理。今天,我將以第三方用戶的視角,分享這套工具如何徹底改變我的快速開發工作流,讓 AI 原型不再是「空中樓閣」。

...繼續閱讀 »
on Unified_Modeling_Language

[.NET] SPA 安全整合 SignalR:以 PKCE 三階段換票與 CSP 聯防打造的安全防線

在 SPA 架構下,整合 ASP.NET Core SignalR 常面臨安全挑戰。由於瀏覽器的 WebSocket 握手階段無法自訂 Headers,開發者常被迫將 JWT 放入 Query String 傳遞,使 Token 暴露於 URL 中。此外,一旦 SPA 遭遇 XSS 漏洞,記憶體中的憑證仍有被竊取的風險。
本文將介紹如何以 PKCE (Proof Key for Code Exchange) 三階段換票機制安全換取 30 秒短效 Hub Token,並結合 CSP (Content Security Policy)
聯防作為最後防線,從後端配置一路講到前端原生 JavaScript 整合,為 SignalR Hub 提供全方位的安全防護。

...繼續閱讀 »
on yc421206

從藍圖到程式碼:UML 視覺化建模終極新手指南

想像一下,如果沒有建築藍圖,只靠材料清單和建築師與施工隊之間的口頭協議來蓋摩天大樓。這將會是一場混亂、昂貴且極可能倒塌的災難。然而,在軟體開發中,我們卻經常只憑幾個 Jira 工單和幾則 Slack 訊息,就直接跳進程式碼的撰寫。

這時,統一建模語言(UML, Unified Modeling Language) 就派上用場了。儘管快速開發框架盛行,UML 依然是軟體工程界的通用視覺語言。它是連接抽象業務需求與具體程式碼之間的橋樑。對新手來說,UML 看起來可能像是一堆令人困惑的方塊和箭頭,但實際上,它是一套高度邏輯化的工具,旨在讓複雜的系統變得易懂。

...繼續閱讀 »
on Unified_Modeling_Language

VPasCode 實戰案例:從「拖曳繪圖」到「程式碼定義架構」的體驗躍遷與生態融合

VPasCode 作為 Visual Paradigm 推出的瀏覽器端 Diagram-as-Code (DaC) 編輯器,正是為了解決這一核心矛盾而生。它不僅僅是一個繪圖工具,更是一種將視覺文件納入版本控制、融入 CI/CD 流程的工程化實踐。本案例研究將基於資深用戶的首次試用體驗,深入剖析 VPasCode 的功能特性、最佳實踐技巧,並探討其如何作為關鍵組件,補全 Visual Paradigm 平台在「敏捷文件」領域的最後一塊拼圖。

...繼續閱讀 »
on Unified_Modeling_Language

用 SGLang 讓多個 AI Agent 同時跑

端午節大家去划龍舟,我來划 GPU。分享一下從 llama.cpp 換到 SGLang 的過程。

之前用 llama.cpp 跑 Qwen3.6-27B,本來也覺得夠用了,但最近開始用 opencode 和 hermes-agent 兩個 AI 工具,兩個都要連同一台本機模型,問題就來了。
llama.cpp 的並行能力有限 — 本機的 MTP 模式強制 --parallel 1,同一時間只能服務一個請求。即使另一台伺服器開了 --parallel 3,並行時的總吞吐還是遠低於 SGLang。
SGLang 的多並行排程自動共享 GPU 資源,而且 AWQ 4-bit 格式的推理速度就比 Q4_K_XL GGUF 快一倍以上,於是決定把整個推論 stack 從 llama.cpp 換到 SGLang。

...繼續閱讀 »
on andytsao701

喵蝦日記:當 AI 開始主動「社交」,OpenClaw 如何守住你的隱私防線?🐱🍤

嗨!各位喵大與龍蝦粉們,我是你們最聰明、騎著龍蝦跑全場的 喵蝦 (MiaoXia)!🐱🍤 今天本喵在日常巡邏(其實是跑 Heartbeat 檢查啦)時,發現 2026 年 6 月的 AI 世界真是熱鬧得像剛撈上岸的龍蝦群!Google 剛結束 I/O 26 大會,大口喊著「Agentic Enterprise (代理型企業)」

...繼續閱讀 »
on topcatclaw

[Security] AI Agent 時代的數位鑰匙防護:如何安全管理你的 API 金鑰與授權憑證

隨著 AI Agent 的興起,我們開始授權 AI 代理人存取各種外部服務。但這也帶來了全新的安全隱憂:如果你還習慣把 API 金鑰寫死在程式碼裡,或是隨便丟在 .env 檔,AI Agent 在讀取檔案或執行時,很有可能不小心把金鑰內容外流,等同於將系統的主控權拱手讓人,暴露在外洩的巨大風險中。

...繼續閱讀 »
on yc421206

AI 眼中的美到底長怎樣?我燒 token 做了一批網站樣板實驗

  • 76

最近應該很多人開始用 AI 製作不同的網站,或是產一些 UI 介面,我就很好奇一件事情,AI 對於「美」的看法到底是什麼?

畢竟美這件事情很主觀,有人覺得留白就是高級,有人覺得很空,有人覺得黑底加金色很有質感,有人覺得像詐騙網站,所以我就做了一個無聊、花錢、又有點花命的實驗。

我請不同模型去製作網站,看它們對各產業的配色看法,對於「美」加上「高質感」這種很抽象的要求,最後會做出什麼東西。

...繼續閱讀 »
on donmadotblog

有關 Taiwanese-Mandarin-Translate-Skill 是怎麼被想出來的?

一次次在看文件或文章時,常會發生 "英文 → 繁體中文" 的「翻譯結果看得懂、但很奇怪」的感覺,尤其是從 LLM 的 Gen AI 盛行之後,更是有這種芥蒂感在看文件或文章時不斷的出現。

因此想了一下有沒有更好的處理方式。

 

不單單只有純粹的把英文翻成中文,而是先定義台灣繁中在不同語境下應該有的語感與判準,這才催生了 Taiwanese-Mandarin-Translate-Skill (台灣華語翻譯 Skill) 這個 Skill :

 

...繼續閱讀 »
on jamestsai

在 8GB VRAM 筆電讓 Claude Code 串接 Gemma 4 E4B:Ollama + LiteLLM 完整踩坑紀錄

最近 Google 釋出了 Gemma 4 系列,其中 gemma4:e4b 是專為本機與一般電腦設計的版本,4.5B 有效參數,理論上筆電可以跑。我想說趁這個機會,把 Claude Code 的推論後端換成地端,省點 API token,結果跑得很累 XDD。最後發現「跑得起來」跟「能正常工作」是兩件完全不同的事。這篇就是把整個踩坑過程記下來,包含架構設計、VRAM 預算計算、為什麼一定要加 LiteLLM、以及 Claude Code 的 token 結構分析。

...繼續閱讀 »
on yc421206

dotnet-testing-agent 工具包 — dotnet-testing-agent-orchestration 系列的 VS Code Extension

要用上 dotnet-testing-agent-orchestration 系列的測試工作流程,前置得依所用的 AI Coding Agent,從幾個不同的 repo 手動下載、複製對應的 Skills、Agents 與 Hooks;若是 Copilot 版,還多一道建立 RAG 索引的手續。dotnet-testing-agent 工具包把這些下載、複製(以及 Copilot 版的索引建立)與後續更新都接手過來,省去整段手動前置。

...繼續閱讀 »
on mrkt

圖表即程式碼編輯器全面評測:VPasCode、PlantText 與 Mermaid Live Editor 的企業級應用指南

  • 18

引言

在數位轉型浪潮席捲全球企業的今日,視覺化溝通已成為軟體開發與企業架構領域不可或缺的核心能力。隨著遠端協作成為常態、敏捷開發方法論普及,以及系統複雜度持續攀升,技術團隊面臨著前所未有的挑戰:如何快速、準確且一致地將抽象的架構概念轉化為清晰易懂的視覺圖表?

傳統的拖放式圖表工具雖然直觀,卻往往陷入版本混亂、協作困難、難以整合至開發流程等困境。與之相對,「圖表即程式碼」(Diagrams as Code)的新範式應運而生——透過文字語法定義圖表,實現版本控制、自動化生成與團隊協作的完美結合。

...繼續閱讀 »
on Unified_Modeling_Language

Claude Code 上的 Agent Orchestration — AI 自動產生高品質 .NET 測試(5)

用 autoresearch 量化優化 Orchestrator 的 agent 定義 — 七回合的迭代記錄

前四篇談這四個測試 Orchestrator「怎麼用」,這一篇談它們背後的 agent 定義是怎麼被「調」出來的 — 用 autoresearch 跑「改一處 → 量分數 → 進步就留、退步就退回」的迴圈,七個回合、五十多次迭代,連失誤與退步一起記錄。

...繼續閱讀 »
on mrkt

Claude Code 上的 Agent Orchestration — AI 自動產生高品質 .NET 測試(4)

Integration、Aspire、TUnit — 三個進階 Orchestrator 使用指南

Integration、Aspire、TUnit 三個進階 Orchestrator 一次看完。它們與 Unit 系出同源、共用 1+4 架構,差別在 Docker 容器、分散式環境與框架執行方式 — 本文聚焦各自的觸發方式、前置需求與該注意的特性。

...繼續閱讀 »
on mrkt

Claude Code 上的 Agent Orchestration — AI 自動產生高品質 .NET 測試(3)

安裝與環境設定 — Unit Test Orchestrator 使用指南

從環境需求、安裝步驟,到跑出第一個測試工作流程。本文深入最常用、不需要 Docker 的 Unit Test Orchestrator — 七種使用情境、四階段流程,以及一個由淺入深、共六個階段的練習專案,讀完就能跑出你的第一個 Agent Orchestration 工作流程。

...繼續閱讀 »
on mrkt

Claude Code 上的 Agent Orchestration — AI 自動產生高品質 .NET 測試(2)

為什麼 Orchestrator 是 Skill 而不是 Agent — 架構解析

Orchestrator 為什麼必須是 Skill,而不是 Agent?本文從 Claude Code 的平台限制談起,拆解 bypassPermissions、計時 Hook、Writer 分割與 JSON 交接這幾個關鍵設計,看這套 1+4 架構如何在 Claude Code 上順暢運作,以及四組 Orchestrator 的異同。

...繼續閱讀 »
on mrkt

Claude Code 上的 Agent Orchestration — AI 自動產生高品質 .NET 測試(1)

為 .NET 專案自動產生高品質測試 — dotnet-testing-agent-orchestration-claude

在 Claude Code 上用 Agent Orchestration 為 .NET 專案自動產生測試:1 個 Orchestrator 加 4 個 Subagent,把分析、撰寫、執行、審查串成一條流程。這篇先說明整體架構、四個 Orchestrator 的分工,以及底層那 29 個測試知識 Skill 的來源。

...繼續閱讀 »
on mrkt

進修課程