Superpowers + OpenSpec 雙劍合璧:AI 全棧編程新範式,從零對話式搭建企業級知識庫

作者:每天譯點曉知識
日期:2026年5月19日 下午10:17
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Superpowers + OpenSpec 雙劍合璧,從對話式需求自動生成全棧企業級知識庫

整理版摘要

呢篇文章出自一位實戰型開發者,佢想解決傳統全棧開發效率低、協作混亂嘅問題。作者透過整合 SuperpowersOpenSpec 呢兩套工具,實現由自然語言需求直接生成完整前後端同 AI 層代碼嘅流水線。整體結論係:呢套組合將 AI 編程由「單次 prompt」升級做「規範化、可測試嘅開發流程」,特別適合企業級知識庫呢類複雜項目。

具體嚟講,技術選型用咗 Java 17 + Spring Boot 做後端、Vue + Element Plus 做前端、大模型 LLM + RAG 做 AI 層,仲有 SQL Server + 向量數據庫做存儲。Superpowers 提供 TDD 流程同代碼審查,OpenSpec 管理規範同任務拆分,兩者夾埋令 AI 生成嘅代碼質素同可維護性大大提高。作者仲分享了實際命令同除錯案例,示範點樣用 /opsx:propose 指令直接修改前後端問題。

  • 呢套範式將 AI 編程由「單次 prompt」升級做「流水線化開發」,結合 OpenSpec 嘅規範管理同 Superpowers 嘅 TDD 流程。
  • 技術選型:後端 Java 17+Spring Boot,前端 Vue+Element Plus,AI 層 LLM+RAG+流式響應,存儲 SQL Server+向量庫+Redis。
  • 智能編寫引擎基於 LangChain4j 實現 RAG,支援續寫、潤色、摘要、術語檢查四大場景。
  • 透過 /opsx:propose 指令可直接指定修改前端或後端問題,AI 自動分析日誌並生成修復。
  • 建議用 Superpowers 代替 OpenSpec 嘅 apply 步驟,因為 Superpowers 有測試紀律同代碼審查,確保質量。
整理重點

背景同核心思路

呢篇文章係一個實戰開發者分享佢點樣利用 SuperpowersOpenSpec 兩套工具,打造一套由對話直接生成全棧企業級知識庫嘅開發範式。作者指出傳統開發流程需要手動做需求分析、代碼生成、測試、評審同部署,效率低而且容易出錯。

核心突破係將開發流程「流水線化」,由 AI 自動執行每個步驟

Superpowers 負責提供 TDD 流程同 code review,OpenSpec 負責規範管理同任務拆分。兩者結合,令 AI 生成嘅代碼唔單止快,仲有質素保證。

整理重點

技術選型細節

技術選型方面,作者揀咗一套成熟穩定嘅組合。後端用 Java 17 + Spring Boot + MyBatis-Plus,因為系統要求穩定可靠,Spring Boot 嘅 WebFlux 支援流式 AI 對話。

Java 生態係穩定首選

前端用 Vue + Element Plus + Vite,Vite 嘅 HMR 熱更新令調試效率提升 3 倍以上。AI 層採用大模型 LLM 配合 RAG 架構,流式響應提供打字機體驗。

RAG 架構有效避免幻覺

存儲方面,用戶要求用 SQL Server,作者加入咗向量庫做 RAG 檢索,暫時用輕量本地方案,可以升級做 HNSW 索引(Faiss 或 pgvector)以支援百萬級向量。

  1. 1 線性搜索:耗時 5-10 秒,內存 6GB,召回率 100%,實現簡單。
  2. 2 HNSW 索引:耗時 10-50ms,內存 2GB,召回率 95%,實現中等。
  3. 3 pgvector:耗時 20-100ms,內存 3GB,召回率 95%,實現簡單。
  4. 4 Milvus:耗時 10-50ms,內存 4GB,召回率 97%,實現複雜。
整理重點

智能編寫引擎同開發流程

智能編寫引擎基於 LangChain4j 實現 RAG 架構,支援流式輸出。用戶喺編輯器輸入需求,系統自動檢索知識庫,調用大模型生成專業內容。

四大場景:續寫、潤色、摘要、術語檢查

開發流程方面,作者用 Superpowers + OpenSpec 管理成個生命週期。先透過 OpenSpec 做 explore、propose,然後用 Superpowers 執行 apply 步驟——呢一步係關鍵,因為 Superpowers 用 TDD 流程代替咗直接 apply。

作者示範咗點樣用 /opsx:propose 指令指定修改問題。例如修改前端:畀埋後端接口 URL 同日誌,AI 自動分析並生成修復方案。

示範指令 bash
/opsx:propose "後端接口返回正確,但前端頁面冇對應展示,修改技能包列表頁面。後端接口詳細見日誌:http://localhost:5173/knapi/api/skill/list GET 200 OK ..." --lang zh

完成之後用 /opsx:apply 人工 review,最後用 /opsx:archive 歸檔到 openspec/specs/。

整理重點

實踐示例同總結

作者透過一個企業級知識庫項目展示成個流程。佢強調呢套範式令開發效率大幅提升,特別係團隊協作方面——OpenSpec 確保規範一致,Superpowers 確保代碼質素。

ATA」同「OPC」時代可能即將到來

最後作者提醒要持續學習,因為 AI 科技變化好快。佢呢套方案正在持續迭代,歡迎交流。

前言

圖片
圖片


用戶需求描述:

產品場景呢個系統係一個由AI驅動嘅全自動化開發平台,可以根據用戶提出嘅需求自動完成由需求分析到程式碼生成、測試、審查同部署嘅完整開發流程。前後端主要用:

圖片

Java語言(java.version17+、 Maven 3.8+、SQL Server 2022+、Vue.js ,算法用 AI 目前主流嘅模型好似阿里百鍊、智譜 GLM 系列等,仲有RAG、向量庫,生成一個完整嘅前後端+AI 項目(全棧)。

圖片
圖片
圖片

落地技術選型:點解揀呢套組合拳?

後端Java 17 + Spring Boot + MyBatis-Plus

因為系統對穩定性要求好高,Java 生態無疑係唔錯嘅選擇。Spring Boot 提供咗完善嘅 WebFlux 支持,為之後嘅流式 AI 對話打好基礎。MyBatis-Plus 令數據庫操作變得異常優雅。

前端Vue + Element Plus + Vite

現代化嘅前端框架配合成熟嘅組件庫,可以令你快啲完成幾十個核心頁面嘅開發。Vite 嘅 HMR 熱更新令調試效率提升超過 3 倍。

AI 層大模型 LLM + RAG + 流式響應

大模型 LLM 配合 RAG(檢索增強生成)架構,令 AI 嘅回答嚴格基於特定知識庫,避免咗「幻覺」問題。流式響應技術令用戶得到打字機咁樣嘅順滑體驗,其中嵌入模型採用:embedding

DBMS存儲SQL Server + 向量數據庫 + Redis

用戶用緊 SQL Server,呢個係現實限制。向量儲存暫時採用咗輕量級嘅本地儲存方案,好似如果需要支持百萬級向量檢索,可以升級做 HNSW 索引(透過Faiss或pgvector實現),查詢時間可以降到10-50ms,同時保持95%以上嘅召回率。

方案
查詢時間
記憶體用量
召回率
實行難度
線性搜索
5-10秒
6GB
100%
簡單
HNSW索引
10-50ms
2GB
95%
中等
pgvector
20-100ms
3GB
95%
簡單
Milvus
10-50ms
4GB
97%
複雜


圖片


智能編寫引擎

傳統嘅文檔編寫需要查好多資料,用戶喺編輯器輸入需求,系統就會自動檢索知識庫,叫大模型生成專業內容。

技術亮點

  • 基於 LangChain4j 實現 RAG 架構

  • 流式輸出,逐字顯示,體驗好似ChatGPT

  • 支援續寫、潤飾、摘要、術語檢查四個場景


項目實戰

基於 ClaudeCode 開發前後端傳統基礎項目->可以睇

AI 全棧開發最強組合:實戰Cursor+Claude Code+Kimi2+Qwen3-Coder,從0-1自動化構建完整應用

呢篇文進階高級項目:

前提:需要安裝(Superpowers+Openspec

圖片
圖片
圖片
圖片

Superpowers下面係一套有先後次序嘅開發流水線:

圖片

基於ClaudeCodeSuperpowers+Openspec實戰開發自動生成嘅 AI 全棧項目腳手架:

圖片

呢度對一啲常見使用命令做個簡單介紹(一啲基礎嘅語法可以預先學嚇):

/opsx:propose "實現xxx功能"

AI 會自動生成:

圖片

例如我哋需要AI幫手修改前後端除錯過程中嘅問題,可以咁樣指定:

修改前端問題:

 /opsx:propose "後端接口返回正確,但是前端頁面沒有對應展示,修改技能包列表頁面,現在調用後端接口有輸出但是頁面沒有展示,並且有個圈圈在轉                                             後端接口詳細見,接口日誌,回答請進行中文輸出" --lang zh 求 URL                                                                                                                      http://localhost:5173/knapi/api/skill/list                                                                                                                                          請求方法                                                                                                                                                                            GET
  狀態代碼
  200 OK {
      "code": 200,
      "message": "success",
      "data": [
          {
              "id": 1,
              "packageName": "ai-analysis-skill",
              "version": "1.0.0",
              "author": "",
              "description": "No description",
              "fileSize": 0,
              "status": "INACTIVE",
              "fileName": "ai-analysis-skill.zip",
              "uploadTime": null,
              "installTime": null,
              "installedPath": ""
        }  
    ]  
}
圖片
圖片
圖片
圖片
修改後端問題:
❯ /opsx:propose "前端點擊多agent系統菜單,點擊文檔分析,後端接口報錯詳細見日誌,回答請進行中文輸出" --lang zh DEBUG 8992 --- [nio-8083-exec-1]              o.s.w.s.m.m.a.HttpEntityMethodProcessor  : Using 'application/json', given [application/json, text/plain, */*] and supported [text/plain, */*, text/plain, */*, application/json,   
application/*+json, application/json, application/*+json]                                                                                                                           
DEBUG 8992 --- [nio-8083-exec-1] o.s.w.s.m.m.a.HttpEntityMethodProcessor  : Writing ["處理請求時發生錯誤: <EOL><EOL>### Error querying database.  Cause:    
com.microsoft.sqlserver.jdbc.SQLServerException: 列 (truncated)..."]
圖片
圖片
 /opsx:apply  開始,然後可以人工 Review 再決定提交
 /opsx:archive 功能完成最後再歸檔到openspec/specs/
圖片
圖片
圖片

好似以上咁簡單嘅完全可以交畀 OpenSpec 至於需要搭配 Superpowers使用嘅(做質量監控):

圖片
圖片
根據以下OpenSpec規範文檔,並基於這些規範使用Superpowers的
writing-plans流程拆分實現計劃:1. 讀取 openspec/changes/fix-intelligent-writing-features/design.md 作為技術方案
2. 讀取 openspec/changes/fix-intelligent-writing-features/specs/ 下的所有場景作為測試依據
3. 讀取 openspec/changes/fix-intelligent-writing-features/tasks.md 作為任務列表
4. 讀取 openspec/changes/fix-intelligent-writing-features/proposal.md 的排除範圍作為審查依據
每個task拆成Superpowers plan的粒度:1. 寫失敗測試
2. 運行測試
3. 寫最小實現
4. 運行測試
5. 重構
6. 提交

*温馨提示*:OpenSpec->explore、propose、apply、sync、archive,apply呢個步驟係叫AI跟據tasks.md實現程式碼,而揀Superpowers執行,apply呢一步就會畀Superpowers嘅TDD流程取代——做得更好,有測試紀律、程式碼審查、驗證機制。


企業級知識庫-團隊多 Agent 智能自動化產研系統展示

... loading ...

AI科技變化可以話係日新月異。好似行業入面嘅各個「兵種」,喺而家AI利器嘅加持之下變得事半功倍,「ATA」同「OPC」時代可能就快來臨?需要嘅係學以致用,持續保持學習嚟促進全面提升 ... ...
圖片
圖片
圖片
圖片
圖片

結尾-附:以上嘅 AI 全棧新範式正在持續疊代推進當中,可以後台交流一齊探討

從知識中嚟,到知識中去!

㩒下面張卡 關注我
↓↓↓

往期文章

AI 科普 | 人工智能大模型
AI:介紹一種垂直領域嘅提示詞獲取方法!
AI | 由0到1親手打造一個屬於自己嘅大模型創意應用!
走進大模型(LLM)+智能體(Agent)+提示詞(Prompt)
AI 有感:智能體 = 提示詞工程 + 大模型算力 + 插件類工具?
新一代 AI 智能化搜索:點樣喺億萬數據海洋中,高效捕撈「寶藏知識」?

AI 新範式:模型即服務 -> MaaS 開放平台 GLM-4-AllTools(硬核乾貨)

GLM-4-Flash 免費:同你一齊講西遊,識得你嘅「悟空」


前言

圖片
圖片


用戶需求描述:

產品場景本系統是一個AI驅動的全自動化開發平台,能夠根據用戶提出的需求自動完成從需求分析到代碼生成、測試、評審和部署的完整開發流程。前後端主要以:

圖片

java語言(java.version17+、 Maven 3.8+、SQL Server 2022+、Vue.js ,算法用 AI 目前主流的模型 阿里百鍊、智譜 GLM 系列等,還有RAG、向量庫,生成一個完整的前後端+AI 項目(全棧)。

圖片
圖片
圖片

落地技術選型:為什麼是這套組合拳?

後端Java 17 + Spring Boot + MyBatis-Plus

由於系統對穩定性要求極高,Java 生態無疑是不錯的選擇。Spring Boot 提供了完善的 WebFlux 支持,為後續的流式 AI 對話打下基礎。MyBatis-Plus 讓數據庫操作變得異常優雅。

前端Vue + Element Plus + Vite

現代化的前端框架配合成熟的組件庫,可以讓你快速完成數十個核心頁面的開發。Vite 的 HMR 熱更新讓調試效率提升 3 倍以上。

AI 層:大模型 LLM + RAG + 流式響應

大模型 LLM 配合 RAG(檢索增強生成)架構,讓 AI 的回答嚴格基於特定知識庫知識庫,避免了「幻覺」問題。流式響應技術讓用戶獲得打字機般的絲滑體驗,其中嵌入模型採用:embedding

DBMS存儲SQL Server + 向量數據庫 + Redis

用戶使用 SQL Server,這是現實約束。向量存儲這裏暫時採用了輕量級的本地存儲方案,像需要支持百萬級向量檢索,可以升級為 HNSW 索引(通過Faiss或pgvector實現),查詢耗時可降至10-50ms,同時保持95%以上的召回率。

方案
查詢耗時
內存佔用
召回率
實現難度
線性搜索
5-10秒
6GB
100%
簡單
HNSW索引
10-50ms
2GB
95%
中等
pgvector
20-100ms
3GB
95%
簡單
Milvus
10-50ms
4GB
97%
複雜


圖片


智能編寫引擎

傳統的文檔編寫需要查閲大量資料,用戶在編輯器中輸入需求,系統自動檢索知識庫,調用 大模型 生成專業內容。

技術亮點

  • 基於 LangChain4j 實現 RAG 架構

  • 流式輸出,逐字顯示,體驗如 ChatGPT

  • 支持續寫、潤色、摘要、術語檢查四大場景


項目實戰

基於 ClaudeCode 開發前後端傳統基礎項目->可參見

AI 全棧開發最強組合:實戰Cursor+Claude Code+Kimi2+Qwen3-Coder,從0-1自動化構建完整應用

本文進階高級項目:

前提:需要安裝(Superpowers+Openspec

圖片
圖片
圖片
圖片

Superpowers下是一套有先後順序的開發流水線:

圖片

基於ClaudeCodeSuperpowers+Openspec實戰開發自動生成的 AI 全棧項目腳手架:

圖片

這裏對一些常見使用命令作下簡單介紹(一些基礎的語法可先提前學習瞭解):

/opsx:propose "實現xxx功能"

AI 會進行自動生成:

圖片

比如像我們需要AI協助修改前後端調試過程中的問題,可以這樣指定:

修改前端問題:

 /opsx:propose "後端接口返回正確,但是前端頁面沒有對應展示,修改技能包列表頁面,現在調用後端接口有輸出但是頁面沒有展示,並且有個圈圈在轉                                             後端接口詳細見,接口日誌,回答請進行中文輸出" --lang zh 求 URL                                                                                                                      http://localhost:5173/knapi/api/skill/list                                                                                                                                          請求方法                                                                                                                                                                            GET
  狀態代碼
  200 OK {
      "code": 200,
      "message": "success",
      "data": [
          {
              "id": 1,
              "packageName": "ai-analysis-skill",
              "version": "1.0.0",
              "author": "",
              "description": "No description",
              "fileSize": 0,
              "status": "INACTIVE",
              "fileName": "ai-analysis-skill.zip",
              "uploadTime": null,
              "installTime": null,
              "installedPath": ""
        }  
    ]  
}
圖片
圖片
圖片
圖片
修改後端問題:
❯ /opsx:propose "前端點擊多agent系統菜單,點擊文檔分析,後端接口報錯詳細見日誌,回答請進行中文輸出" --lang zh DEBUG 8992 --- [nio-8083-exec-1]              o.s.w.s.m.m.a.HttpEntityMethodProcessor  : Using 'application/json', given [application/json, text/plain, */*] and supported [text/plain, */*, text/plain, */*, application/json,   
application/*+json, application/json, application/*+json]                                                                                                                           
DEBUG 8992 --- [nio-8083-exec-1] o.s.w.s.m.m.a.HttpEntityMethodProcessor  : Writing ["處理請求時發生錯誤: <EOL><EOL>### Error querying database.  Cause:    
com.microsoft.sqlserver.jdbc.SQLServerException: 列 (truncated)..."]
圖片
圖片
 /opsx:apply  開始,然後可以人工 Review 再決定提交
 /opsx:archive 功能完成最後再歸檔到openspec/specs/
圖片
圖片
圖片

像上述簡單的完全可以交給 OpenSpec 而對於需要搭配 Superpowers使用的(進行質量把控):

圖片
圖片
根據以下OpenSpec規範文檔,並基於這些規範使用Superpowers的
writing-plans流程拆分實現計劃:1. 讀取 openspec/changes/fix-intelligent-writing-features/design.md 作為技術方案
2. 讀取 openspec/changes/fix-intelligent-writing-features/specs/ 下的所有場景作為測試依據
3. 讀取 openspec/changes/fix-intelligent-writing-features/tasks.md 作為任務列表
4. 讀取 openspec/changes/fix-intelligent-writing-features/proposal.md 的排除範圍作為審查依據
每個task拆成Superpowers plan的粒度:1. 寫失敗測試
2. 運行測試
3. 寫最小實現
4. 運行測試
5. 重構
6. 提交

*温馨提示*:OpenSpec->explore、propose、apply、sync、archive,apply這個流程是讓AI按照tasks.md實現代碼,而選擇Superpowers來執行,apply這一步就被Superpowers 的TDD流程所替代——做得更好,有測試紀律、代碼審查、驗證機制。


企業級知識庫-團隊多 Agent 智能自動化產研系統展示

... loading ...

AI科技變化可謂是日新月異。像行業內的各個“兵種”,在當下AI利器的加持下變得事半功倍,“ATA”跟“OPC”時代或許即將到來?需要的就是學以致用,持續保持學習以促進全面提升 ... ...
圖片
圖片
圖片
圖片
圖片

末尾-附:上述 AI 全棧新範式正在持續迭代推進中,可以後台交流一起探討

從知識中來,到知識中去!

點擊下方卡片 關注我
↓↓↓

往期文章

AI 科普 | 人工智能大模型
AI:介紹一種垂類的提示詞獲取方法!
AI | 從0-1手把手打造一款屬於自己的大模型創意應用!
走進大模型(LLM)+智能體(Agent)+提示詞(Prompt)
AI 有感:智能體 = 提示詞工程 + 大模型算力 + 插件類工具?
新一代 AI 智能化搜索:如何在億萬數據海洋中,高效捕撈“寶藏知識”?

AI 新範式:模型即服務 -> MaaS 開放平台 GLM-4-AllTools(硬核乾貨)

GLM-4-Flash 免費:與你一起共話西遊,懂你的“悟空”