mcp-probe-kit 2.2.1 → 2.3.0

package/docs/data/tools.js

@@ -857,16 +857,119 @@ AI: 请使用 gen_skill 工具生成技能文档
 scope: "all"
 lang: "zh"`
     }
-  ]
-};
+  ],
+  
+  // 产品设计工作流工具
+  productDesign: [
+    {
+      name: 'gen_prd',
+      description: '生成产品需求文档（PRD），包含产品概述、功能需求、优先级、非功能性需求和页面清单',
+      schema: 'GenPrdSchema',
+      params: [
+        { name: 'description', type: 'string', required: true, desc: '产品描述或访谈记录' },
+        { name: 'product_name', type: 'string', required: false, desc: '产品名称，默认为"新产品"' },
+        { name: 'docs_dir', type: 'string', required: false, desc: '文档输出目录，默认为 docs' }
+      ],
+      usage: '基于产品描述生成标准的 PRD 文档，为产品设计提供基础',
+      example: `// 使用示例
+AI: 请使用 gen_prd 工具生成产品需求文档
 
-// 分类信息（按显示顺序）
-const categories = {
-  workflow: { icon: '🔄', title: '工作流编排', count: 10 },
-  analysis: { icon: '🔍', title: '代码分析', count: 7 },
-  git: { icon: '🌿', title: 'Git 工具', count: 4 },
-  generation: { icon: '✨', title: '生成工具', count: 7 },
-  project: { icon: '📋', title: '项目管理', count: 7 },
-  uiux: { icon: '🎨', title: 'UI/UX 工具', count: 6 },
-  other: { icon: '🔧', title: '其他工具', count: 7 }
+description: "在线教育平台，支持直播课程、录播课程、作业提交和成绩管理"
+product_name: "EduPro"`
+    },
+    {
+      name: 'gen_prototype',
+      description: '生成原型设计文档，为每个页面生成独立的 Markdown 文档，包含页面结构、交互说明和元素清单',
+      schema: 'GenPrototypeSchema',
+      params: [
+        { name: 'prd_path', type: 'string', required: false, desc: 'PRD 文档路径，如果提供将从 PRD 中提取页面清单' },
+        { name: 'description', type: 'string', required: false, desc: '功能描述，如果没有 PRD 可直接提供' },
+        { name: 'docs_dir', type: 'string', required: false, desc: '文档输出目录，默认为 docs' }
+      ],
+      usage: '基于 PRD 或功能描述生成原型设计文档，为 UI 开发提供指导',
+      example: `// 使用示例
+AI: 请使用 gen_prototype 工具生成原型设计文档
+
+prd_path: "docs/prd/product-requirements.md"`
+    },
+    {
+      name: 'start_product',
+      description: '产品设计完整工作流编排：PRD → 原型文档 → 设计系统 → HTML 原型 → 项目上下文更新。生成的 HTML 原型可直接在浏览器中查看',
+      schema: 'StartProductSchema',
+      params: [
+        { name: 'description', type: 'string', required: false, desc: '产品描述，详细描述产品目标、功能和用户需求。如果提供了 requirements_file，此参数可选' },
+        { name: 'requirements_file', type: 'string', required: false, desc: '需求文档文件路径，如 "docs/requirements.md"。工具会读取完整文件内容作为需求' },
+        { name: 'product_name', type: 'string', required: false, desc: '产品名称' },
+        { name: 'product_type', type: 'string', required: false, desc: '产品类型，如 SaaS、E-commerce 等，用于生成设计系统' },
+        { name: 'skip_design_system', type: 'boolean', required: false, desc: '跳过设计系统生成，默认为 false' },
+        { name: 'docs_dir', type: 'string', required: false, desc: '文档输出目录，默认为 docs' }
+      ],
+      usage: '一键完成从需求到 HTML 原型的全流程，生成可直接演示的产品原型。支持从文件读取完整需求文档',
+      example: `// 使用示例 1：直接提供描述
+AI: 请使用 start_product 工具完成产品设计
+
+description: "在线教育平台，支持直播课程、录播课程、作业提交和成绩管理"
+product_name: "EduPro"
+product_type: "SaaS"
+
+// 使用示例 2：从文件读取需求（推荐用于长文档）
+AI: 请使用 start_product 工具完成产品设计
+
+requirements_file: "docs/requirements.md"
+product_name: "EduPro"
+product_type: "SaaS"
+
+// 工具会自动：
+// 1. 读取完整需求文档（如果提供了 requirements_file）
+// 2. 生成 PRD 文档
+// 3. 生成原型设计文档
+// 4. 生成设计系统
+// 5. 生成 HTML 可交互原型
+// 6. 更新项目上下文`
+    }
+  ],
+
+  // 工具分类元数据
+  categories: {
+    workflow: {
+      icon: '🔄',
+      title: '工作流编排',
+      description: '完整的开发工作流自动化，从需求到发布的全流程支持'
+    },
+    analysis: {
+      icon: '🔍',
+      title: '代码分析',
+      description: '智能代码审查、调试、性能分析和安全扫描'
+    },
+    git: {
+      icon: '📝',
+      title: 'Git 工具',
+      description: 'Git 提交消息、变更日志、PR 描述和冲突解决'
+    },
+    generation: {
+      icon: '⚡',
+      title: '代码生成',
+      description: '自动生成文档、测试、Mock 数据和 UI 组件'
+    },
+    project: {
+      icon: '📦',
+      title: '项目管理',
+      description: '项目初始化、功能规划、工作量估算和需求访谈'
+    },
+    uiux: {
+      icon: '🎨',
+      title: 'UI/UX 设计',
+      description: '设计系统、组件库、原型设计和设计稿转代码'
+    },
+    productDesign: {
+      icon: '🚀',
+      title: '产品设计',
+      description: '从需求到原型的完整产品设计工作流'
+    },
+    other: {
+      icon: '🛠️',
+      title: '其他工具',
+      description: '代码修复、格式转换、依赖检查等实用工具'
+    }
+  }
 };

package/docs/index.html

@@ -6,7 +6,7 @@
     <title>MCP Probe Kit - AI 驱动的完整研发工具集 | 39个工具覆盖开发全流程</title>
     
     <!-- SEO Meta Tags -->
-    <meta name="description" content="MCP Probe Kit 提供 39 个 AI 驱动的研发工具，覆盖需求分析、代码开发、质量保障、Bug修复、版本发布全流程。支持 Cursor、Cline、Claude Desktop，100% 结构化输出。">
+    <meta name="description" content="MCP Probe Kit 提供 42 个 AI 驱动的研发工具，覆盖需求分析、代码开发、质量保障、Bug修复、版本发布全流程。支持 Cursor、Cline、Claude Desktop，100% 结构化输出。">
     <meta name="keywords" content="MCP Probe Kit, AI开发工具, 代码生成, 代码审查, Git工具, UI开发, 研发效率, Cursor, Cline, Claude, MCP Server">
     <meta name="author" content="小墨 (Kyle) - ByteZoneX">
     <meta name="robots" content="index, follow">
@@ -17,13 +17,13 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://mcp-probe-kit.bytezonex.com/">
     <meta property="og:title" content="MCP Probe Kit - AI 驱动的完整研发工具集">
-    <meta property="og:description" content="39 个 AI 工具覆盖开发全流程，从需求到上线一站式解决。支持 Cursor、Cline、Claude Desktop。">
+    <meta property="og:description" content="42 个 AI 工具覆盖开发全流程，从需求到上线一站式解决。支持 Cursor、Cline、Claude Desktop。">
     
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://mcp-probe-kit.bytezonex.com/">
     <meta property="twitter:title" content="MCP Probe Kit - AI 驱动的完整研发工具集">
-    <meta property="twitter:description" content="39 个 AI 工具覆盖开发全流程，从需求到上线一站式解决。">
+    <meta property="twitter:description" content="42 个 AI 工具覆盖开发全流程，从需求到上线一站式解决。">
     <style>
         * {
             margin: 0;
@@ -448,7 +448,7 @@
         <div class="hero-container">
             <h1 class="hero-title">🚀 MCP Probe Kit</h1>
             <p class="hero-subtitle">AI 开发增强工具集 · 文档中心</p>
-            <div class="hero-version">v2.0.0</div>
+            <div class="hero-version">v2.3.0</div>
             <div class="hero-cta">
                 <a href="./pages/getting-started.html" class="btn btn-primary">快速开始</a>
                 <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="btn btn-secondary">
@@ -486,12 +486,12 @@
                         <span>工具文档</span>
                     </h2>
                 </div>
-                <p class="card-desc">39 个实用工具的完整参考</p>
+                <p class="card-desc">42 个实用工具的完整参考</p>
                 <nav class="card-links">
                     <a href="./pages/all-tools.html" class="card-link">
                         <div class="link-content">
                             <span>所有工具</span>
-                            <span class="badge">39</span>
+                            <span class="badge">42</span>
                         </div>
                         <span class="link-arrow">→</span>
                     </a>

package/docs/pages/all-tools.html

@@ -16,14 +16,14 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="article">
     <meta property="og:url" content="https://mcp-probe-kit.bytezonex.com/pages/all-tools.html">
-    <meta property="og:title" content="所有工具 - 39个AI研发工具完整列表 | MCP Probe Kit">
-    <meta property="og:description" content="浏览 MCP Probe Kit 全部 39 个工具，覆盖工作流编排、代码分析、Git 自动化、UI 生成等 7 大类别。每个工具都有详细文档和示例。">
+    <meta property="og:title" content="所有工具 - 42个AI研发工具完整列表 | MCP Probe Kit">
+    <meta property="og:description" content="浏览 MCP Probe Kit 全部 42 个工具，覆盖工作流编排、代码分析、Git 自动化、UI 生成、产品设计等 8 大类别。每个工具都有详细文档和示例。">
     
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://mcp-probe-kit.bytezonex.com/pages/all-tools.html">
-    <meta property="twitter:title" content="所有工具 - 39个AI研发工具完整列表 | MCP Probe Kit">
-    <meta property="twitter:description" content="浏览 MCP Probe Kit 全部 39 个工具，覆盖开发全流程。">
+    <meta property="twitter:title" content="所有工具 - 42个AI研发工具完整列表 | MCP Probe Kit">
+    <meta property="twitter:description" content="浏览 MCP Probe Kit 全部 42 个工具，覆盖开发全流程。">
     
     <link rel="stylesheet" href="../styles/page.css">
     <style>
@@ -44,6 +44,7 @@
         
         .category-icon {
             font-size: 28px;
+            line-height: 1;
         }
         
         .category-title {
@@ -51,6 +52,8 @@
             font-weight: 600;
             color: var(--text-primary);
             margin: 0;
+            flex: 1;
+            line-height: 1.2;
         }
         
         .category-count {
@@ -60,6 +63,7 @@
             border-radius: 12px;
             font-size: 13px;
             font-weight: 600;
+            line-height: 1;
         }
         
         .search-box {
@@ -302,7 +306,7 @@
                             <span>所有工具</span>
                         </div>
                         <div style="display: flex; align-items: center; gap: 8px;">
-                            <span class="badge">39</span>
+                            <span class="badge">42</span>
                             <span class="toggle-icon">▶</span>
                         </div>
                     </div>
@@ -404,9 +408,9 @@
                 
                 <!-- Page Header -->
                 <h1 class="page-title">所有工具</h1>
-                <p class="page-description">MCP Probe Kit 提供 39 个实用工具，100% 支持结构化输出</p>
+                <p class="page-description">MCP Probe Kit 提供 42 个实用工具，100% 支持结构化输出</p>
                 <div class="page-meta">
-                    <span>📦 v2.1.0</span>
+                    <span>📦 v2.3.0</span>
                     <span>·</span>
                     <span>最后更新：2026-01-27</span>
                     <span>·</span>
@@ -532,6 +536,11 @@
             'render_ui': '渲染UI',
             'design2code': '设计转码',
             
+            // 产品设计
+            'gen_prd': '生成PRD',
+            'gen_prototype': '生成原型',
+            'start_product': '产品设计',
+            
             // 其他工具
             'fix': '修复',
             'split': '拆分',
@@ -548,10 +557,17 @@
             const submenu = document.getElementById('tools-submenu');
             let html = '';
             
-            for (const [categoryKey, categoryInfo] of Object.entries(categories)) {
+            for (const [categoryKey, categoryInfo] of Object.entries(toolsData.categories)) {
                 const tools = toolsData[categoryKey];
                 if (!tools || tools.length === 0) continue;
                 
+                // 添加分类标题
+                html += `
+                    <div class="nav-category-title">
+                        ${categoryInfo.icon} ${categoryInfo.title}
+                    </div>
+                `;
+                
                 tools.forEach(tool => {
                     const toolId = tool.name.replace(/_/g, '-');
                     const desc = toolDescriptions[tool.name] || '';
@@ -653,7 +669,7 @@
                 }
             } else {
                 // 渲染所有分类
-                for (const [categoryKey, categoryInfo] of Object.entries(categories)) {
+                for (const [categoryKey, categoryInfo] of Object.entries(toolsData.categories)) {
                     const tools = toolsData[categoryKey];
                     if (!tools || tools.length === 0) continue;
                     
@@ -662,7 +678,7 @@
                             <div class="category-header">
                                 <span class="category-icon">${categoryInfo.icon}</span>
                                 <h2 class="category-title">${categoryInfo.title}</h2>
-                                <span class="category-count">${categoryInfo.count} 个</span>
+                                <span class="category-count">${tools.length} 个</span>
                             </div>
                             <div class="tools-grid">
                     `;
@@ -769,6 +785,9 @@
             // 构建扁平的工具数组
             allTools = [];
             for (const [categoryKey, tools] of Object.entries(toolsData)) {
+                // 跳过 categories 元数据对象
+                if (categoryKey === 'categories') continue;
+                
                 tools.forEach(tool => {
                     allTools.push({ ...tool, category: categoryKey });
                 });

package/docs/pages/examples.html

@@ -78,7 +78,7 @@
                             <span class="icon">🛠️</span>
                             <span>所有工具</span>
                         </div>
-                        <span class="badge">39</span>
+                        <span class="badge">42</span>
                     </a>
                 </div>
                 
@@ -177,14 +177,14 @@
                 <h1 class="page-title">最佳实践</h1>
                 <p class="page-description">MCP Probe Kit 融合完整研发流程，从需求到上线的最佳实践指南</p>
                 <div class="page-meta">
-                    <span>📦 v2.0.0</span>
+                    <span>📦 v2.3.0</span>
                     <span>·</span>
                     <span>最后更新：2026-01-27</span>
                 </div>
                 
                 <!-- 研发流程概览 -->
                 <h2>完整研发流程</h2>
-                <p>MCP Probe Kit 的 39 个工具覆盖了从需求分析到代码上线的完整研发流程。以下是推荐的最佳实践。</p>
+                <p>MCP Probe Kit 的 42 个工具覆盖了从需求分析到代码上线的完整研发流程。以下是推荐的最佳实践。</p>
                 
                 <div class="callout info">
                     <div class="callout-icon">💡</div>
@@ -193,6 +193,138 @@
                     </div>
                 </div>
                 
+                <!-- 阶段 0：产品设计 -->
+                <h2>阶段 0：产品设计（从需求到原型）</h2>
+                
+                <h3>0.1 完整产品设计流程（推荐）</h3>
+                <p>使用 <code>start_product</code> 工作流编排，一键完成从需求到 HTML 原型的完整产品设计。</p>
+                <div class="code-block">
+                    <div class="code-header">
+                        <span class="code-language">最佳实践</span>
+                    </div>
+                    <pre><code>你: 我有一个产品需求文档 project.md，帮我生成完整的产品设计
+
+AI: 使用 start_product 工具
+requirements_file: "project.md"
+product_name: "在线教育平台"
+product_type: "Education"
+
+→ 自动执行：
+  ✓ 步骤 1: 检查/生成项目上下文
+  ✓ 步骤 2: 生成 PRD 文档（产品需求文档）
+  ✓ 步骤 3: 生成原型设计文档（所有页面）
+  ✓ 步骤 4: 生成设计系统（颜色、字体、组件）
+  ✓ 步骤 5: 生成 HTML 可交互原型
+  ✓ 步骤 6: 更新项目上下文索引
+
+→ 输出文件：
+  - docs/prd/product-requirements.md
+  - docs/prototype/prototype-index.md
+  - docs/prototype/page-*.md
+  - docs/design-system.json
+  - docs/html-prototype/index.html</code></pre>
+                </div>
+                
+                <div class="callout info">
+                    <div class="callout-icon">💡</div>
+                    <div class="callout-content">
+                        <p><strong>工具设计理念：</strong>产品设计工具采用"返回指导而非直接创建文件"的模式，AI 根据工具返回的指导文档智能填充内容并创建文件，确保灵活性和可控性。</p>
+                    </div>
+                </div>
+                
+                <h3>0.2 单独生成 PRD 文档</h3>
+                <p>使用 <code>gen_prd</code> 工具单独生成产品需求文档。</p>
+                <div class="code-block">
+                    <div class="code-header">
+                        <span class="code-language">最佳实践</span>
+                    </div>
+                    <pre><code>你: 生成一个在线教育平台的 PRD
+
+AI: 使用 gen_prd 工具
+description: "在线教育平台，支持课程管理、视频播放、作业提交、互动问答"
+product_name: "EduPlatform"
+
+→ 工具返回：PRD 文档模板和创建指导
+→ AI 根据指导创建：docs/prd/product-requirements.md
+
+PRD 包含：
+  - 产品概述（愿景、目标用户、核心价值）
+  - 功能需求（核心功能、用户故事）
+  - 功能优先级（P0/P1/P2）
+  - 非功能性需求（性能、安全、兼容性）
+  - 页面清单（所有需要的页面）</code></pre>
+                </div>
+                
+                <h3>0.3 生成原型设计文档</h3>
+                <p>使用 <code>gen_prototype</code> 工具基于 PRD 生成原型设计文档。</p>
+                <div class="code-block">
+                    <div class="code-header">
+                        <span class="code-language">最佳实践</span>
+                    </div>
+                    <pre><code>AI: 使用 gen_prototype 工具
+prd_path: "docs/prd/product-requirements.md"
+
+→ 工具返回：原型文档模板和创建指导
+→ AI 根据指导创建：
+  - docs/prototype/prototype-index.md（原型索引）
+  - docs/prototype/page-首页.md
+  - docs/prototype/page-登录页.md
+  - docs/prototype/page-课程列表.md
+  - ...（所有页面的原型文档）
+
+每个原型文档包含：
+  - 页面信息（名称、路径、类型）
+  - 页面结构（Header、Main Content、Footer）
+  - 交互说明（用户操作和系统响应）
+  - 页面元素清单（所有 UI 元素）
+  - 设计建议（布局、视觉、交互）</code></pre>
+                </div>
+                
+                <h3>0.4 生成 HTML 可交互原型</h3>
+                <p>使用 <code>start_ui</code> 工具基于原型文档生成 HTML 原型。</p>
+                <div class="code-block">
+                    <div class="code-header">
+                        <span class="code-language">最佳实践</span>
+                    </div>
+                    <pre><code>AI: 使用 start_ui 工具
+description: "基于原型文档生成所有页面的 HTML 原型"
+
+→ 自动执行：
+  ✓ 读取 docs/prototype/ 下的所有原型文档
+  ✓ 读取 docs/design-system.json 获取设计规范
+  ✓ 为每个页面生成 HTML 文件
+  ✓ 生成索引页面 index.html
+
+→ 输出：
+  - docs/html-prototype/index.html（原型索引）
+  - docs/html-prototype/page-首页.html
+  - docs/html-prototype/page-登录页.html
+  - ...（所有页面的 HTML 文件）
+
+→ 特点：
+  - 使用设计系统的颜色和字体
+  - 包含页面导航
+  - 响应式设计
+  - 可直接在浏览器中打开查看</code></pre>
+                </div>
+                
+                <h3>0.5 产品设计工作流总结</h3>
+                <div class="callout success">
+                    <div class="callout-icon">✅</div>
+                    <div class="callout-content">
+                        <p><strong>推荐流程：</strong></p>
+                        <ul>
+                            <li>✓ 准备需求文档（Markdown 格式）</li>
+                            <li>✓ 使用 <code>start_product</code> 一键生成完整产品设计</li>
+                            <li>✓ 在浏览器中查看 HTML 原型（docs/html-prototype/index.html）</li>
+                            <li>✓ 与团队评审原型，收集反馈</li>
+                            <li>✓ 根据反馈调整原型文档</li>
+                            <li>✓ 使用 <code>start_ui</code> 重新生成 HTML 原型</li>
+                            <li>✓ 确认后进入开发阶段</li>
+                        </ul>
+                    </div>
+                </div>
+                
                 <!-- 阶段 1：需求阶段 -->
                 <h2>阶段 1：需求分析与规划</h2>
                 
@@ -501,7 +633,7 @@ max_minutes: 25
                 <!-- 更多资源 -->
                 <h2>更多资源</h2>
                 <ul>
-                    <li><a href="./all-tools.html">完整工具参考</a> - 查看所有 39 个工具的详细说明</li>
+                    <li><a href="./all-tools.html">完整工具参考</a> - 查看所有 42 个工具的详细说明</li>
                     <li><a href="./getting-started.html">安装配置</a> - 快速开始使用</li>
                     <li><a href="./migration.html">迁移指南</a> - 从 v1.x 迁移到 v2.0</li>
                     <li><a href="https://github.com/mybolide/mcp-probe-kit" target="_blank">GitHub 仓库</a> - 源代码和问题反馈</li>

package/docs/pages/getting-started.html

@@ -17,7 +17,7 @@
     <meta property="og:type" content="article">
     <meta property="og:url" content="https://mcp-probe-kit.bytezonex.com/pages/getting-started.html">
     <meta property="og:title" content="快速开始 - 安装配置指南 | MCP Probe Kit">
-    <meta property="og:description" content="5分钟快速安装 MCP Probe Kit，支持 Cursor、Cline、Claude Desktop。详细配置教程，立即开始使用 39 个 AI 研发工具。">
+    <meta property="og:description" content="5分钟快速安装 MCP Probe Kit，支持 Cursor、Cline、Claude Desktop。详细配置教程，立即开始使用 42 个 AI 研发工具。">
     
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
@@ -79,7 +79,7 @@
                             <span class="icon">🛠️</span>
                             <span>所有工具</span>
                         </div>
-                        <span class="badge">39</span>
+                        <span class="badge">42</span>
                     </a>
                 </div>
                 
@@ -180,7 +180,7 @@
                 <h1 class="page-title">安装配置</h1>
                 <p class="page-description">5 分钟快速上手 MCP Probe Kit v2.0，支持 Cursor、Cline 和 Claude Desktop</p>
                 <div class="page-meta">
-                    <span>📦 v2.0.0</span>
+                    <span>📦 v2.3.0</span>
                     <span>·</span>
                     <span>最后更新：2026-01-27</span>
                     <span>·</span>

package/docs/pages/migration.html

@@ -78,7 +78,7 @@
                             <span class="icon">🛠️</span>
                             <span>所有工具</span>
                         </div>
-                        <span class="badge">39</span>
+                        <span class="badge">42</span>
                     </a>
                 </div>
                 
@@ -177,14 +177,14 @@
                 <h1 class="page-title">v2.0 迁移指南</h1>
                 <p class="page-description">从 v1.x 平滑迁移到 v2.0，了解重大变更和新特性</p>
                 <div class="page-meta">
-                    <span>📦 v2.0.0</span>
+                    <span>📦 v2.3.0</span>
                     <span>·</span>
                     <span>最后更新：2026-01-27</span>
                 </div>
                 
                 <!-- Content -->
                 <h2>概述</h2>
-                <p>MCP Probe Kit v2.0 是一个重大版本更新，精简优化到 39 个核心工具，带来了更强大的功能和更好的开发体验。</p>
+                <p>MCP Probe Kit v2.0 是一个重大版本更新，精简优化到 42 个核心工具，带来了更强大的功能和更好的开发体验。</p>
                 
                 <div class="callout info">
                     <div class="callout-icon">💡</div>
@@ -196,7 +196,7 @@
                 <h2>主要变更</h2>
                 
                 <h3>1. 工具精简优化</h3>
-                <p>v1.x: 13 个工具 → v2.0: 39 个核心工具（移除低频工具，保留高价值工具）</p>
+                <p>v1.x: 13 个工具 → v2.0: 42 个核心工具（移除低频工具，保留高价值工具）</p>
                 
                 <h3>2. 新增工作流编排</h3>
                 <p>10 个 <code>start_*</code> 工作流编排工具，提供端到端的自动化开发流程：</p>
@@ -217,7 +217,7 @@
                 </ul>
                 
                 <h3>4. 100% 结构化输出</h3>
-                <p>所有 39 个工具都支持结构化输出，确保输出格式一致、可预测。</p>
+                <p>所有 42 个工具都支持结构化输出，确保输出格式一致、可预测。</p>
                 
                 <h2>迁移步骤</h2>
                 

package/docs/styles/page.css

@@ -241,7 +241,16 @@ body {
 }
 
 .nav-submenu.expanded {
-    max-height: 2000px;
+    max-height: none;
+}
+
+.nav-category-title {
+    padding: 12px 16px 8px 24px;
+    margin: 8px 8px 4px 8px;
+    color: var(--text-primary);
+    font-size: 13px;
+    font-weight: 600;
+    border-bottom: 1px solid var(--border);
 }
 
 .nav-subitem {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mcp-probe-kit",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "AI-Powered Development Toolkit - MCP Server with 39 practical tools covering code quality, development efficiency, project management, and UI/UX design. Features: Structured Output, Workflow Orchestration, UI/UX Pro Max, and Requirements Interview.",
   "type": "module",
   "main": "build/index.js",