platform-data-explorer

平台探索与 Skill 发现

概述

这是一个探索型 Meta-skill：给定任意平台 URL 或功能模块，使用 DataSaver 工具系统性探索该平台，分析出可以做哪些 Skill（操作类 + 取数类），生成 Skill 提案清单供用户选择，用户确认后按类型分流调用对应的创建 skill：

• API 取数类 → 调用 api-skill-builder（逆向 API → 生成取数 Skill）
• 浏览器操作类 → 调用 chrome-workflow-build（执行并记录 → 生成操作 Skill）

输入：平台 URL / 模块名称 / 功能描述 输出：Skill 提案清单（含优先级、可行性评估、实现方案）

执行流程

Phase 1: 平台侦察（了解平台全貌）
    ↓
Phase 2: 功能模块发现（逐个模块探索）
    ↓
Phase 3: Skill 可行性评估（每个潜在 Skill 的技术方案）
    ↓
Phase 4: 输出提案清单（供用户确认）
    ↓
Phase 5: 用户确认后，按类型分流创建 Skill

---

Phase 1: 平台侦察

目标：了解平台整体结构、技术栈、主要功能模块。

Step 1.1: 打开目标页面

工具: chrome_navigate
参数:
  url: {target_url}
  active: true

⚠️ active: true 很重要，某些 SPA 平台（如灵犀）在后台标签页不加载数据。

Step 1.2: 页面结构分析

工具: chrome_get_document

观察并记录：

• 平台名称和类型（数据平台 / 内容平台 / 电商 / 工具类）
• 技术栈（React / Vue / Angular / jQuery）
• 导航结构（侧边栏菜单 / 顶部Tab / 面包屑）
• 是否需要登录
• 主要功能入口有哪些

Step 1.3: 导航菜单提取

// 提取平台的导航菜单结构
(() => {
  // 尝试多种常见导航结构
  const navSelectors = [
    'nav a', '.sidebar a', '.menu a', '.nav-item a',
    '[class*="menu"] a', '[class*="nav"] a', '[class*="sidebar"] a',
    '.ant-menu a', '.el-menu a', // Ant Design / Element UI
  ];
  const links = new Set();
  const menuItems = [];

  navSelectors.forEach(sel => {
    document.querySelectorAll(sel).forEach(a => {
      const text = a.textContent.trim();
      const href = a.getAttribute('href') || '';
      const key = text + '|' + href;
      if (text && text.length < 30 && !links.has(key)) {
        links.add(key);
        menuItems.push({ text, href, visible: a.offsetParent !== null });
      }
    });
  });

  return JSON.stringify({
    totalMenuItems: menuItems.length,
    items: menuItems.slice(0, 50)
  }, null, 2);
})()

Step 1.4: API 与资源分析

// 发现平台加载了哪些 API 和资源
(() => {
  const resources = performance.getEntriesByType('resource');
  const apis = resources
    .filter(r => r.initiatorType === 'xmlhttprequest' || r.initiatorType === 'fetch')
    .map(a => {
      const url = new URL(a.name);
      return { path: url.pathname, params: url.search.substring(0, 80) };
    });

  // 去重，按路径分组
  const apiGroups = {};
  apis.forEach(a => {
    const base = a.path.replace(/\/\d+/g, '/{id}'); // 归一化数字ID
    if (!apiGroups[base]) apiGroups[base] = { path: a.path, count: 0 };
    apiGroups[base].count++;
  });

  return JSON.stringify({
    totalAPIs: apis.length,
    uniqueAPIs: Object.keys(apiGroups).length,
    apiList: Object.values(apiGroups).slice(0, 30)
  }, null, 2);
})()