%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
MCP Workflow MCP Server Js
什麼是JoyCode FOP工作流智能助手？
JoyCode FOP工作流智能助手是一個專門為京東FOP（Front-end One Platform）平臺設計的智能開發工具。它基於Model Context Protocol（MCP）標準協議構建，能夠理解您的開發需求，自動完成從需求分析到代碼生成再到流程圖創建的全流程工作。 簡單來說，它就像您的專屬FOP開發助手，您只需要告訴它您的需求，它就能幫您分析、設計和實現，大大提升開發效率。如何使用JoyCode FOP工作流智能助手？
使用非常簡單，只需三個步驟： 1. 一鍵安裝：通過京東內部npm倉庫安裝服務器 2. 配置連接：在您的MCP客戶端中添加配置 3. 開始對話：直接對AI助手說出您的需求 安裝後，您可以直接對AI說“幫我完成FOP需求”、“分析這個PRD文檔”、“生成頁面代碼”等，助手會自動調用相應的功能為您服務。適用場景
JoyCode FOP工作流智能助手特別適合以下場景： • 新功能開發：快速從PRD文檔生成代碼和流程圖 • 需求分析：智能分析產品需求文檔，識別關鍵業務邏輯 • 代碼重構：優化現有代碼結構，提高代碼質量 • 團隊協作：統一開發規範，確保代碼風格一致 • 快速原型：快速創建頁面原型和交互流程圖主要功能
智能工作流執行
提供完整的三階段工作流：
• 階段1：PRD需求分析 - 智能解析產品需求文檔
• 階段2：代碼生成 - 根據分析結果自動生成FOP規範代碼
• 階段3：流程圖創建 - 可視化展示業務邏輯和交互流程
配置管理
統一管理FOP開發配置：
• 加載配置文件 - 讀取項目配置信息
• 獲取工作流配置 - 查看當前工作流設置
• 顯示配置摘要 - 快速瞭解項目配置概覽
智能優化
內置智能優化算法：
• 代碼分析優化 - 智能識別代碼問題並提供優化建議
• 文件命名規範 - 自動遵循FOP文件命名規則
• 工作流階段執行 - 靈活執行特定工作階段
標準MCP協議支持
基於行業標準協議：
• 兼容所有支持MCP的AI助手
• 穩定可靠的連接機制
• 標準化的工具調用接口
優勢
🚀 一鍵安裝：無需複雜配置，開箱即用
📊 完整工作流：覆蓋從需求分析到代碼生成的全流程
⚡ 高效智能：減少70%無效代碼檢索，95%+準確率
🔧 規範統一：嚴格遵循京東FOP開發規範
💡 用戶友好：非技術人員也能輕鬆使用
🔄 穩定可靠：內置心跳機制，連接穩定不超時
侷限性
🔒 僅限京東內部使用：需要訪問京東內部npm倉庫
🌐 依賴網絡：需要穩定的網絡連接
🛠️ 特定平臺：主要針對京東FOP平臺開發
📚 學習成本：需要了解基本的FOP開發概念
如何使用
安裝服務器
通過京東內部npm倉庫安裝JoyCode FOP工作流服務器
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
配置MCP客戶端
在您的MCP客戶端（如Claude Desktop、Cursor等）配置文件中添加服務器配置
開始使用
重啟MCP客戶端，然後直接對AI助手說出您的需求
使用案例
案例1：新頁面開發
您需要開發一個新的商品詳情頁面，包含商品信息展示、規格選擇、加入購物車等功能
案例2：PRD文檔分析
您收到一份產品需求文檔，需要快速理解業務邏輯和技術實現要點
案例3：代碼優化
現有代碼存在性能問題，需要進行優化和重構
常見問題
這個工具需要付費嗎？
我可以在外部項目中使用嗎？
安裝時出現網絡錯誤怎麼辦？
支持哪些MCP客戶端？
生成的代碼質量如何保證？
如何處理複雜的業務邏輯？
相關資源
MCP協議官方文檔
Model Context Protocol標準協議詳細說明
京東FOP平臺文檔
京東前端統一平臺開發規範和API文檔
Node.js官方網站
Node.js運行時環境下載和文檔
問題反饋郵箱
技術支持和技術問題反饋
備用聯繫郵箱
備用聯繫方式和問題反饋
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務，提供地理編碼、路線規劃等10個標準化API接口，支持Python和Typescript快速接入，賦能智能體實現地圖相關功能。
Python
41.4K
4.5分
Markdownify MCP
Markdownify是一個多功能文件轉換服務，支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
35.2K
5分
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器，提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
141.9K
5分
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器，通過定義思考階段幫助分解複雜問題並生成總結
Python
34.2K
4.5分
Notion Api MCP
已認證
一個基於Python的MCP服務器，通過Notion API提供高級待辦事項管理和內容組織功能，實現AI模型與Notion的無縫集成。
Python
20.4K
4.5分
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務，通過Model Context Protocol直接集成到提示中，解決LLM使用過時信息的問題。
TypeScript
89.0K
4.7分
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具，通過自然語言描述幫助開發者快速創建現代化UI組件，支持多種IDE集成。
JavaScript
21.3K
5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
26.9K
4.8分