Superpowers + OpenSpec 雙劍合璧:AI 全棧編程新範式,從零對話式搭建企業級知識庫
整理版優先睇
Superpowers + OpenSpec 雙劍合璧,從對話式需求自動生成全棧企業級知識庫
呢篇文章出自一位實戰型開發者,佢想解決傳統全棧開發效率低、協作混亂嘅問題。作者透過整合 Superpowers 同 OpenSpec 呢兩套工具,實現由自然語言需求直接生成完整前後端同 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 有測試紀律同代碼審查,確保質量。
背景同核心思路
呢篇文章係一個實戰開發者分享佢點樣利用 Superpowers 同 OpenSpec 兩套工具,打造一套由對話直接生成全棧企業級知識庫嘅開發範式。作者指出傳統開發流程需要手動做需求分析、代碼生成、測試、評審同部署,效率低而且容易出錯。
核心突破係將開發流程「流水線化」,由 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 線性搜索:耗時 5-10 秒,內存 6GB,召回率 100%,實現簡單。
- 2 HNSW 索引:耗時 10-50ms,內存 2GB,召回率 95%,實現中等。
- 3 pgvector:耗時 20-100ms,內存 3GB,召回率 95%,實現簡單。
- 4 Milvus:耗時 10-50ms,內存 4GB,召回率 97%,實現複雜。
智能編寫引擎同開發流程
智能編寫引擎基於 LangChain4j 實現 RAG 架構,支援流式輸出。用戶喺編輯器輸入需求,系統自動檢索知識庫,調用大模型生成專業內容。
四大場景:續寫、潤色、摘要、術語檢查
開發流程方面,作者用 Superpowers + OpenSpec 管理成個生命週期。先透過 OpenSpec 做 explore、propose,然後用 Superpowers 執行 apply 步驟——呢一步係關鍵,因為 Superpowers 用 TDD 流程代替咗直接 apply。
作者示範咗點樣用 /opsx:propose 指令指定修改問題。例如修改前端:畀埋後端接口 URL 同日誌,AI 自動分析並生成修復方案。
/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%以上嘅召回率。

智能編寫引擎:
傳統嘅文檔編寫需要查好多資料,用戶喺編輯器輸入需求,系統就會自動檢索知識庫,叫大模型生成專業內容。
技術亮點:
基於 LangChain4j 實現 RAG 架構
流式輸出,逐字顯示,體驗好似ChatGPT
支援續寫、潤飾、摘要、術語檢查四個場景
項目實戰
基於 ClaudeCode 開發前後端傳統基礎項目->可以睇
AI 全棧開發最強組合:實戰Cursor+Claude Code+Kimi2+Qwen3-Coder,從0-1自動化構建完整應用
呢篇文進階高級項目:
前提:需要安裝(Superpowers+Openspec)




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

基於ClaudeCode(Superpowers+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驅動的全自動化開發平台,能夠根據用戶提出的需求自動完成從需求分析到代碼生成、測試、評審和部署的完整開發流程。前後端主要以:

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%以上的召回率。

智能編寫引擎:
傳統的文檔編寫需要查閲大量資料,用戶在編輯器中輸入需求,系統自動檢索知識庫,調用 大模型 生成專業內容。
技術亮點:
基於 LangChain4j 實現 RAG 架構
流式輸出,逐字顯示,體驗如 ChatGPT
支持續寫、潤色、摘要、術語檢查四大場景
項目實戰
基於 ClaudeCode 開發前後端傳統基礎項目->可參見
AI 全棧開發最強組合:實戰Cursor+Claude Code+Kimi2+Qwen3-Coder,從0-1自動化構建完整應用
本文進階高級項目:
前提:需要安裝(Superpowers+Openspec)




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

基於ClaudeCode(Superpowers+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 全棧新範式正在持續迭代推進中,可以後台交流一起探討。
往期文章