npm - mcp-probe-kit - Versions diffs - 1.15.1 → 2.0.0 - Mend

mcp-probe-kit 1.15.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/README.md +113 -1642
package/build/index.js +75 -42
package/build/lib/elicitation-helper.d.ts +73 -0
package/build/lib/elicitation-helper.js +130 -0
package/build/lib/response.d.ts +32 -0
package/build/lib/response.js +28 -0
package/build/lib/tasks-manager.d.ts +116 -0
package/build/lib/tasks-manager.js +217 -0
package/build/lib/toolset-manager.d.ts +48 -0
package/build/lib/toolset-manager.js +112 -0
package/build/schemas/basic-tools.d.ts +0 -32
package/build/schemas/basic-tools.js +0 -34
package/build/schemas/code-analysis-tools.d.ts +0 -36
package/build/schemas/code-analysis-tools.js +0 -38
package/build/schemas/code-gen-tools.d.ts +0 -44
package/build/schemas/code-gen-tools.js +0 -46
package/build/schemas/doc-util-tools.d.ts +0 -54
package/build/schemas/doc-util-tools.js +0 -58
package/build/schemas/index.d.ts +0 -188
package/build/schemas/orchestration-tools.d.ts +0 -22
package/build/schemas/orchestration-tools.js +0 -23
package/build/schemas/output/core-tools.d.ts +817 -0
package/build/schemas/output/core-tools.js +421 -0
package/build/schemas/output/generation-tools.d.ts +936 -0
package/build/schemas/output/generation-tools.js +446 -0
package/build/schemas/output/helper-tools.d.ts +243 -0
package/build/schemas/output/helper-tools.js +138 -0
package/build/schemas/output/index.d.ts +76 -0
package/build/schemas/output/index.js +96 -0
package/build/schemas/output/project-tools.d.ts +702 -0
package/build/schemas/output/project-tools.js +339 -0
package/build/schemas/output/ui-ux-tools.d.ts +469 -0
package/build/schemas/output/ui-ux-tools.js +218 -0
package/build/schemas/output/workflow-tools.d.ts +267 -0
package/build/schemas/output/workflow-tools.js +179 -0
package/build/schemas/structured-output.d.ts +1317 -0
package/build/schemas/structured-output.js +1017 -0
package/build/tools/__tests__/start_ui.integration.test.js +5 -5
package/build/tools/__tests__/start_ui.property.test.js +11 -11
package/build/tools/add_feature.d.ts +1 -13
package/build/tools/add_feature.js +48 -13
package/build/tools/analyze_project.js +57 -18
package/build/tools/check_deps.d.ts +1 -13
package/build/tools/check_deps.js +24 -15
package/build/tools/code_review.d.ts +1 -13
package/build/tools/code_review.js +19 -16
package/build/tools/debug.d.ts +1 -13
package/build/tools/debug.js +18 -16
package/build/tools/estimate.d.ts +1 -19
package/build/tools/estimate.js +36 -6
package/build/tools/fix_bug.d.ts +1 -13
package/build/tools/fix_bug.js +24 -6
package/build/tools/gen_mock.d.ts +1 -19
package/build/tools/gen_mock.js +42 -227
package/build/tools/genapi.d.ts +1 -13
package/build/tools/genapi.js +18 -15
package/build/tools/genchangelog.d.ts +1 -13
package/build/tools/genchangelog.js +36 -212
package/build/tools/gencommit.d.ts +1 -7
package/build/tools/gencommit.js +21 -13
package/build/tools/gendoc.d.ts +1 -13
package/build/tools/gendoc.js +18 -15
package/build/tools/genpr.d.ts +1 -13
package/build/tools/genpr.js +28 -157
package/build/tools/genreadme.d.ts +1 -13
package/build/tools/genreadme.js +22 -587
package/build/tools/gensql.d.ts +1 -13
package/build/tools/gensql.js +24 -283
package/build/tools/gentest.d.ts +1 -13
package/build/tools/gentest.js +49 -16
package/build/tools/index.d.ts +0 -10
package/build/tools/index.js +0 -10
package/build/tools/init_component_catalog.d.ts +3 -20
package/build/tools/init_component_catalog.js +141 -786
package/build/tools/init_project.d.ts +7 -13
package/build/tools/init_project.js +54 -16
package/build/tools/init_project_context.d.ts +1 -13
package/build/tools/init_project_context.js +41 -14
package/build/tools/perf.d.ts +1 -13
package/build/tools/perf.js +18 -15
package/build/tools/refactor.d.ts +1 -13
package/build/tools/refactor.js +54 -15
package/build/tools/render_ui.d.ts +2 -19
package/build/tools/render_ui.js +201 -347
package/build/tools/resolve_conflict.d.ts +1 -13
package/build/tools/resolve_conflict.js +18 -15
package/build/tools/security_scan.d.ts +1 -13
package/build/tools/security_scan.js +16 -5
package/build/tools/start_api.d.ts +7 -13
package/build/tools/start_api.js +69 -157
package/build/tools/start_bugfix.d.ts +1 -7
package/build/tools/start_bugfix.js +38 -2
package/build/tools/start_doc.d.ts +7 -13
package/build/tools/start_doc.js +76 -169
package/build/tools/start_feature.d.ts +1 -7
package/build/tools/start_feature.js +54 -2
package/build/tools/start_onboard.d.ts +1 -7
package/build/tools/start_onboard.js +40 -2
package/build/tools/start_ralph.d.ts +1 -7
package/build/tools/start_ralph.js +88 -2
package/build/tools/start_refactor.d.ts +7 -13
package/build/tools/start_refactor.js +75 -148
package/build/tools/start_release.d.ts +7 -13
package/build/tools/start_release.js +56 -131
package/build/tools/start_review.d.ts +7 -13
package/build/tools/start_review.js +70 -142
package/build/tools/start_ui.d.ts +1 -7
package/build/tools/start_ui.js +98 -8
package/build/tools/ui-ux-tools.d.ts +3 -39
package/build/tools/ui-ux-tools.js +201 -125
package/docs/data/tools.js +864 -0
package/docs/index.html +594 -0
package/docs/pages/all-tools.html +649 -0
package/docs/pages/examples.html +564 -0
package/docs/pages/getting-started.html +529 -0
package/docs/pages/migration.html +308 -0
package/docs/specs/algorithm-enhancement/roadmap.md +619 -0
package/docs/specs/vnext-upgrade/00-OVERVIEW.md +258 -0
package/docs/specs/vnext-upgrade/BETA_RELEASE_GUIDE.md +328 -0
package/docs/specs/vnext-upgrade/GITHUB_DISCUSSION_TEMPLATE.md +236 -0
package/docs/specs/vnext-upgrade/M8.9-PROGRESS-UPDATE.md +248 -0
package/docs/specs/vnext-upgrade/PROGRESS-SUMMARY.md +195 -0
package/docs/specs/vnext-upgrade/QUICK_REFERENCE.md +338 -0
package/docs/specs/vnext-upgrade/README.md +125 -0
package/docs/specs/vnext-upgrade/STATUS-UPDATE-2026-01-26.md +230 -0
package/docs/specs/vnext-upgrade/TOOL_CLEANUP.md +343 -0
package/docs/specs/vnext-upgrade/completed/M1-M2-SUMMARY.md +27 -0
package/docs/specs/vnext-upgrade/completed/M3_COMPLETION_SUMMARY.md +273 -0
package/docs/specs/vnext-upgrade/completed/M4-SUMMARY.md +19 -0
package/docs/specs/vnext-upgrade/completed/M5_COMPLETION_SUMMARY.md +0 -0
package/docs/specs/vnext-upgrade/completed/M8.1-SUMMARY.md +247 -0
package/docs/specs/vnext-upgrade/completed/M8.2-SUMMARY.md +296 -0
package/docs/specs/vnext-upgrade/completed/M8.3-SUMMARY.md +241 -0
package/docs/specs/vnext-upgrade/completed/M8.3-TEST-SUMMARY.md +216 -0
package/docs/specs/vnext-upgrade/completed/M8.4-SUMMARY.md +217 -0
package/docs/specs/vnext-upgrade/completed/M8.4-TEST-SUMMARY.md +198 -0
package/docs/specs/vnext-upgrade/completed/M8.5-SUMMARY.md +202 -0
package/docs/specs/vnext-upgrade/completed/M8.5-TEST-SUMMARY.md +223 -0
package/docs/specs/vnext-upgrade/completed/M8.6-SUMMARY.md +299 -0
package/docs/specs/vnext-upgrade/completed/M8.8-TEST-SUMMARY.md +216 -0
package/docs/specs/vnext-upgrade/completed/TOOL-CLEANUP-SUMMARY.md +210 -0
package/docs/specs/vnext-upgrade/design.md +848 -0
package/docs/specs/vnext-upgrade/requirements.md +221 -0
package/docs/specs/vnext-upgrade/tasks/00-INDEX.md +335 -0
package/docs/specs/vnext-upgrade/tasks/M8.1-SCHEMA-DEFINITION.md +300 -0
package/docs/specs/vnext-upgrade/tasks/M8.2-P1-TOOLS.md +249 -0
package/docs/specs/vnext-upgrade/tasks/M8.3-GENERATION-TOOLS.md +49 -0
package/docs/specs/vnext-upgrade/tasks/M8.4-ORCHESTRATION-TOOLS.md +28 -0
package/docs/specs/vnext-upgrade/tasks/M8.5-PROJECT-TOOLS.md +29 -0
package/docs/specs/vnext-upgrade/tasks/M8.6-UI-TOOLS.md +66 -0
package/docs/specs/vnext-upgrade/tasks/M8.7-HELPER-TOOLS.md +24 -0
package/docs/specs/vnext-upgrade/tasks/M8.8-INTEGRATION-TESTS.md +90 -0
package/docs/specs/vnext-upgrade/tasks/M8.9-DOCUMENTATION.md +103 -0
package/docs/styles/docs.css +556 -0
package/docs/styles/page.css +815 -0
package/docs/vnext/MCP_2025-11-25_GUIDE.md +276 -0
package/docs/vnext/vNext-PRD.md +488 -0
package/package.json +6 -6
package/docs/BEST_PRACTICES.md +0 -1185
package/docs/HOW_TO_TRIGGER.md +0 -1141
package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.html +0 -544
package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.md +0 -1447

package/docs/pages/all-tools.html ADDED Viewed

@@ -0,0 +1,649 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>所有工具 - 39个AI研发工具完整列表 | MCP Probe Kit</title>
+    <!-- SEO Meta Tags -->
+    <meta name="description" content="MCP Probe Kit 完整工具列表：10个工作流编排工具、7个代码分析工具、4个Git工具、7个生成工具、7个项目管理工具、6个UI/UX工具。每个工具包含详细使用说明、参数定义和代码示例。">
+    <meta name="keywords" content="AI 开发工具, 代码生成工具, 代码审查工具, Git 自动化, UI 生成, Mock 数据生成, SQL 生成, 代码重构, 性能优化, 安全扫描">
+    <meta name="author" content="小墨 (Kyle) - ByteZoneX">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://mcp-probe-kit.bytezonex.com/pages/all-tools.html">
+    <link rel="icon" type="image/x-icon" href="https://www.bytezonex.com/favicon.ico">
+    <!-- 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 大类别。每个工具都有详细文档和示例。">
+    <!-- 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 个工具，覆盖开发全流程。">
+    <link rel="stylesheet" href="../styles/page.css">
+    <style>
+        /* 工具页面专用样式 */
+        .category-section {
+            margin-bottom: var(--spacing-xl);
+        }
+        .category-header {
+            display: flex;
+            align-items: center;
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+            padding-bottom: var(--spacing-md);
+            border-bottom: 2px solid var(--border);
+        }
+        .category-icon {
+            font-size: 28px;
+        }
+        .category-title {
+            font-size: 24px;
+            font-weight: 600;
+            color: var(--text-primary);
+            margin: 0;
+        }
+        .category-count {
+            background: var(--primary);
+            color: white;
+            padding: 4px 12px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+        }
+        .search-box {
+            margin-bottom: var(--spacing-xl);
+        }
+        .search-input {
+            width: 100%;
+            padding: 16px 20px;
+            border: 2px solid var(--border);
+            border-radius: 12px;
+            font-size: 16px;
+            transition: all 0.2s;
+        }
+        .search-input:focus {
+            outline: none;
+            border-color: var(--primary);
+            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+        }
+        .search-input::placeholder {
+            color: var(--text-tertiary);
+        }
+        .search-results {
+            margin-top: var(--spacing-sm);
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        .tools-grid {
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-lg);
+        }
+        .tool-card {
+            background: var(--bg-card);
+            border: 1px solid var(--border);
+            border-radius: 12px;
+            padding: var(--spacing-lg);
+            transition: all 0.2s;
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-md);
+        }
+        .tool-card:hover {
+            box-shadow: var(--shadow-md);
+            border-color: var(--primary);
+        }
+        .tool-main {
+            flex: 1;
+        }
+        .tool-header {
+            display: flex;
+            align-items: center;
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-sm);
+        }
+        .tool-name {
+            font-size: 18px;
+            font-weight: 600;
+            color: var(--text-primary);
+            font-family: 'Courier New', monospace;
+        }
+        .tool-badges {
+            display: flex;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+        }
+        .tool-badge {
+            padding: 4px 8px;
+            border-radius: 6px;
+            font-size: 11px;
+            font-weight: 600;
+        }
+        .tool-badge.structured {
+            background: #D1FAE5;
+            color: #065F46;
+        }
+        .tool-description {
+            color: var(--text-secondary);
+            font-size: 14px;
+            line-height: 1.6;
+            margin-bottom: var(--spacing-sm);
+        }
+        .tool-meta {
+            font-size: 12px;
+            color: var(--text-tertiary);
+            font-family: 'Courier New', monospace;
+        }
+        .tool-details {
+            display: block;
+            margin-top: var(--spacing-md);
+            padding-top: var(--spacing-md);
+            border-top: 1px solid var(--border);
+        }
+        .tool-section {
+            margin-bottom: var(--spacing-md);
+        }
+        .tool-section:last-child {
+            margin-bottom: 0;
+        }
+        .tool-section-title {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--text-primary);
+            margin-bottom: var(--spacing-sm);
+            display: flex;
+            align-items: center;
+            gap: var(--spacing-sm);
+        }
+        .tool-section-content {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        .tool-section-content ul {
+            margin: var(--spacing-sm) 0;
+            padding-left: var(--spacing-lg);
+        }
+        .tool-section-content li {
+            margin-bottom: var(--spacing-xs);
+        }
+        .tool-section-content code {
+            background: var(--bg-hover);
+            padding: 2px 6px;
+            border-radius: 4px;
+            font-family: 'Courier New', monospace;
+            font-size: 0.9em;
+            color: #DB2777;
+        }
+        .tool-example {
+            background: #F8FAFC;
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            padding: var(--spacing-md);
+            margin-top: var(--spacing-sm);
+        }
+        .tool-example-title {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        .tool-example-code {
+            background: #1E293B;
+            color: #E2E8F0;
+            padding: var(--spacing-md);
+            border-radius: 6px;
+            font-family: 'Courier New', monospace;
+            font-size: 13px;
+            line-height: 1.5;
+            overflow-x: auto;
+            white-space: pre-wrap;
+        }
+        .no-results {
+            text-align: center;
+            padding: var(--spacing-xl);
+            color: var(--text-secondary);
+        }
+        .no-results-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-md);
+        }
+    </style>
+</head>
+<body>
+    <!-- Topbar -->
+    <nav class="topbar" id="topbar">
+        <div class="topbar-container">
+            <a href="../index.html" class="topbar-brand">
+                <span>🚀</span>
+                <span>MCP Probe Kit</span>
+            </a>
+            <div class="topbar-actions">
+                <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="topbar-link external">
+                    <span>ByteZoneX</span>
+                </a>
+                <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="topbar-link external">
+                    <span>GitHub</span>
+                </a>
+                <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="topbar-link external">
+                    <span>npm</span>
+                </a>
+            </div>
+        </div>
+    </nav>
+    <!-- Layout Container -->
+    <div class="layout">
+        <!-- Sidebar -->
+        <aside class="sidebar" id="sidebar">
+            <nav class="sidebar-nav">
+                <div class="nav-section">
+                    <div class="nav-section-title">快速开始</div>
+                    <a href="../index.html" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">🏠</span>
+                            <span>文档首页</span>
+                        </div>
+                    </a>
+                    <a href="./getting-started.html" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">📖</span>
+                            <span>安装配置</span>
+                        </div>
+                    </a>
+                </div>
+                <div class="nav-section">
+                    <div class="nav-section-title">工具文档</div>
+                    <a href="./all-tools.html" class="nav-item active">
+                        <div class="nav-item-content">
+                            <span class="icon">🛠️</span>
+                            <span>所有工具</span>
+                        </div>
+                        <span class="badge">39</span>
+                    </a>
+                </div>
+                <div class="nav-section">
+                    <div class="nav-section-title">指南</div>
+                    <a href="./migration.html" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">🚀</span>
+                            <span>迁移指南</span>
+                        </div>
+                    </a>
+                    <a href="./examples.html" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">💡</span>
+                            <span>最佳实践</span>
+                        </div>
+                    </a>
+                </div>
+                <div class="nav-section">
+                    <div class="nav-section-title">资源</div>
+                    <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">🌐</span>
+                            <span>ByteZoneX 主站</span>
+                        </div>
+                        <span class="external-icon">↗</span>
+                    </a>
+                    <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">💻</span>
+                            <span>GitHub 仓库</span>
+                        </div>
+                        <span class="external-icon">↗</span>
+                    </a>
+                    <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">📦</span>
+                            <span>npm 包</span>
+                        </div>
+                        <span class="external-icon">↗</span>
+                    </a>
+                    <a href="https://github.com/mybolide/mcp-probe-kit/issues" target="_blank" rel="noopener" class="nav-item">
+                        <div class="nav-item-content">
+                            <span class="icon">🐛</span>
+                            <span>问题反馈</span>
+                        </div>
+                        <span class="external-icon">↗</span>
+                    </a>
+                </div>
+            </nav>
+            <!-- Sidebar Footer -->
+            <div class="sidebar-footer">
+                <div class="sidebar-footer-title">快速链接</div>
+                <div class="sidebar-footer-links">
+                    <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="sidebar-footer-link">
+                        <span>🌐</span>
+                        <span>ByteZoneX</span>
+                        <span class="external-icon">↗</span>
+                    </a>
+                    <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="sidebar-footer-link">
+                        <span>💻</span>
+                        <span>GitHub</span>
+                        <span class="external-icon">↗</span>
+                    </a>
+                    <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="sidebar-footer-link">
+                        <span>📦</span>
+                        <span>npm</span>
+                        <span class="external-icon">↗</span>
+                    </a>
+                </div>
+                <!-- QR Code -->
+                <div class="sidebar-qrcode">
+                    <div class="sidebar-qrcode-title">关注公众号</div>
+                    <img src="https://oss.bolzjb.com/wx_qrcode.jpg" alt="微信公众号" />
+                    <div class="sidebar-qrcode-desc">获取更多技术分享</div>
+                </div>
+            </div>
+        </aside>
+        <!-- Main Content -->
+        <main class="main-content">
+            <div class="content-wrapper">
+                <!-- Breadcrumb -->
+                <nav class="breadcrumb">
+                    <a href="../index.html">文档首页</a>
+                    <span class="breadcrumb-separator">/</span>
+                    <a href="#">工具文档</a>
+                    <span class="breadcrumb-separator">/</span>
+                    <span>所有工具</span>
+                </nav>
+                <!-- Page Header -->
+                <h1 class="page-title">所有工具</h1>
+                <p class="page-description">MCP Probe Kit 提供 39 个实用工具，100% 支持结构化输出</p>
+                <div class="page-meta">
+                    <span>📦 v2.0.0</span>
+                    <span>·</span>
+                    <span>最后更新：2026-01-27</span>
+                    <span>·</span>
+                    <a href="https://github.com/mybolide/mcp-probe-kit/edit/main/docs/pages/all-tools.html" target="_blank" rel="noopener">编辑此页 ↗</a>
+                    <span>·</span>
+                    <a href="https://github.com/mybolide/mcp-probe-kit/issues/new" target="_blank" rel="noopener">反馈问题 ↗</a>
+                </div>
+                <!-- 搜索框 -->
+                <div class="search-box">
+                    <input
+                        type="text"
+                        id="searchInput"
+                        class="search-input"
+                        placeholder="🔍 搜索工具名称或描述..."
+                        autocomplete="off"
+                    />
+                    <div id="searchResults" class="search-results"></div>
+                </div>
+                <!-- 工具列表容器 -->
+                <div id="tools-container"></div>
+                <!-- Next Steps CTA -->
+                <div class="next-cta">
+                    <h3>🎯 开始使用</h3>
+                    <p>选择你感兴趣的工具，提升开发效率</p>
+                    <div class="next-cta-links">
+                        <a href="./getting-started.html" class="next-cta-link">
+                            <span>📖</span>
+                            <span>安装配置</span>
+                        </a>
+                        <a href="./examples.html" class="next-cta-link">
+                            <span>💡</span>
+                            <span>学习最佳实践</span>
+                        </a>
+                        <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="next-cta-link">
+                            <span>💻</span>
+                            <span>GitHub 仓库</span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- Footer -->
+            <footer class="footer">
+                <div class="footer-container">
+                    <div>Made with ❤️ by <a href="https://www.bytezonex.com/" target="_blank" rel="noopener">小墨 (Kyle)</a></div>
+                    <div>
+                        © 2024-2026 MCP Probe Kit · MIT License ·
+                        <a href="https://www.bytezonex.com/" target="_blank" rel="noopener">主站 ByteZoneX ↗</a>
+                    </div>
+                </div>
+            </footer>
+        </main>
+    </div>
+    <!-- Mobile Menu Button -->
+    <button class="mobile-menu-btn" onclick="toggleSidebar()">☰</button>
+    <!-- 引入工具数据 -->
+    <script src="../data/tools.js"></script>
+    <script>
+        // Topbar scroll effect
+        const topbar = document.getElementById('topbar');
+        window.addEventListener('scroll', () => {
+            if (window.pageYOffset > 10) {
+                topbar.classList.add('scrolled');
+            } else {
+                topbar.classList.remove('scrolled');
+            }
+        });
+        // Sidebar toggle (mobile)
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('open');
+        }
+        // Close sidebar when clicking outside (mobile)
+        if (window.innerWidth <= 768) {
+            document.querySelector('.main-content').addEventListener('click', function() {
+                document.getElementById('sidebar').classList.remove('open');
+            });
+        }
+        // 渲染工具列表
+        let allTools = []; // 存储所有工具的扁平数组
+        function renderTools(filteredTools = null) {
+            const container = document.getElementById('tools-container');
+            let html = '';
+            // 如果有过滤结果，只渲染过滤后的工具
+            if (filteredTools) {
+                if (filteredTools.length === 0) {
+                    html = `
+                        <div class="no-results">
+                            <div class="no-results-icon">🔍</div>
+                            <p>未找到匹配的工具</p>
+                        </div>
+                    `;
+                } else {
+                    html += '<div class="tools-grid">';
+                    filteredTools.forEach(tool => {
+                        html += renderToolCard(tool);
+                    });
+                    html += '</div>';
+                }
+            } else {
+                // 渲染所有分类
+                for (const [categoryKey, categoryInfo] of Object.entries(categories)) {
+                    const tools = toolsData[categoryKey];
+                    if (!tools || tools.length === 0) continue;
+                    html += `
+                        <div class="category-section">
+                            <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>
+                            </div>
+                            <div class="tools-grid">
+                    `;
+                    tools.forEach(tool => {
+                        html += renderToolCard({ ...tool, category: categoryKey });
+                    });
+                    html += `
+                            </div>
+                        </div>
+                    `;
+                }
+            }
+            container.innerHTML = html;
+        }
+        // 渲染单个工具卡片
+        function renderToolCard(tool) {
+            const hasDetails = tool.params || tool.usage || tool.example;
+            let detailsHTML = '';
+            if (hasDetails) {
+                detailsHTML = `
+                    <div class="tool-details">
+                        ${tool.usage ? `
+                            <div class="tool-section">
+                                <div class="tool-section-title">📖 使用说明</div>
+                                <div class="tool-section-content">${tool.usage}</div>
+                            </div>
+                        ` : ''}
+                        ${tool.params ? `
+                            <div class="tool-section">
+                                <div class="tool-section-title">⚙️ 参数说明</div>
+                                <div class="tool-section-content">
+                                    <ul>
+                                        ${tool.params.map(p => `
+                                            <li>
+                                                <code>${p.name}</code>
+                                                <span style="color: var(--text-tertiary);">(${p.type}${p.required ? ', 必填' : ', 可选'})</span>
+                                                - ${p.desc}
+                                            </li>
+                                        `).join('')}
+                                    </ul>
+                                </div>
+                            </div>
+                        ` : ''}
+                        ${tool.example ? `
+                            <div class="tool-section">
+                                <div class="tool-section-title">💡 使用示例</div>
+                                <div class="tool-example">
+                                    <div class="tool-example-code">${tool.example.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</div>
+                                </div>
+                            </div>
+                        ` : ''}
+                    </div>
+                `;
+            }
+            return `
+                <div class="tool-card">
+                    <div class="tool-main">
+                        <div class="tool-header">
+                            <div class="tool-name">${tool.name}</div>
+                            <div class="tool-badges">
+                                <span class="tool-badge structured">✓ 结构化</span>
+                            </div>
+                        </div>
+                        <div class="tool-description">${tool.description}</div>
+                        <div class="tool-meta">Schema: ${tool.schema}</div>
+                    </div>
+                    ${detailsHTML}
+                </div>
+            `;
+        }
+        // 搜索功能
+        function searchTools(query) {
+            if (!query.trim()) {
+                document.getElementById('searchResults').textContent = '';
+                renderTools();
+                return;
+            }
+            const lowerQuery = query.toLowerCase();
+            const results = allTools.filter(tool => {
+                return tool.name.toLowerCase().includes(lowerQuery) ||
+                       tool.description.toLowerCase().includes(lowerQuery);
+            });
+            const resultsText = results.length > 0
+                ? `找到 ${results.length} 个匹配的工具`
+                : '未找到匹配的工具';
+            document.getElementById('searchResults').textContent = resultsText;
+            renderTools(results);
+        }
+        // 初始化
+        function init() {
+            // 构建扁平的工具数组
+            allTools = [];
+            for (const [categoryKey, tools] of Object.entries(toolsData)) {
+                tools.forEach(tool => {
+                    allTools.push({ ...tool, category: categoryKey });
+                });
+            }
+            // 渲染所有工具
+            renderTools();
+            // 绑定搜索事件
+            const searchInput = document.getElementById('searchInput');
+            searchInput.addEventListener('input', (e) => {
+                searchTools(e.target.value);
+            });
+        }
+        // 页面加载完成后初始化
+        document.addEventListener('DOMContentLoaded', init);
+    </script>
+</body>
+</html>