Community藝術與設計github.com

cliff-byte/alipay-doc-fetcher

把 JS 渲染的支付宝开放平台文档抓取为 Agent 友好的 Markdown 的跨 Agent Skill(Claude Code / Codex / Cursor 通用)

相容平台Claude CodeCodex CLICursor
npx skills add cliff-byte/alipay-doc-fetcher

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

說明文件

抓取支付宝开放平台文档

支付宝文档站是 JS 渲染的 SPA,WebFetch/curl 拿不到正文,代码与参数依赖懒加载与折叠交互。本 Skill 用封装好的 Playwright 工具一步抓成结构化 Markdown。

何时使用

  • 用户要把某个支付宝 API / 接入指南 / 错误码 / 产品文档「拉到本地」「抓下来」「转成 Markdown」。
  • 用户粘贴 opendocs.alipay.comopendoc.alipay.com 链接并想要其内容。
  • 已发现普通网页抓取(WebFetch / curl 等)对支付宝文档只返回标题、正文为空。

怎么用

设本 Skill 安装目录为 $SKILL(如 ~/.claude/skills/fetch-alipay-doc,Codex 为 ~/.codex/skills/...,Cursor 为 ~/.cursor/skills/...)。

  1. 首次使用:在 $SKILL 下装一次依赖(仅一次,与运行目录无关):

    (cd "$SKILL" && npm install && npx playwright install chromium)   # 若已全局安装 playwright 可跳过
    
  2. 收集要抓的 URL。多篇时写一个 config JSON 文件(如 urls.json),内容为数组 [{ "name": "...", "url": "..." }, ...]name 决定输出文件名(可省略,缺省用页面 H1)。

  3. 在用户当前项目目录下运行(用绝对路径调脚本,产物落到项目内、对用户可见)。不要 cd$SKILL 再跑——那会把文档写进 skill 安装目录(工具会拒绝)。输出用 --out 指定到项目内,按产品/主题分目录:

    # 单篇
    node "$SKILL/scripts/fetch-alipay-docs.cjs" --url "<支付宝文档URL>" --name "<文件名>" --out ./alipay-docs/<产品名>
    # 批量
    node "$SKILL/scripts/fetch-alipay-docs.cjs" --config urls.json --out ./alipay-docs/<产品名>
    

    node 解析 playwright 依赖是从脚本文件位置找 node_modules,与运行目录无关,所以站在项目目录用绝对路径调用即可。

  4. 产出在 --out 目录:<name>.md + images/--out 缺省为当前目录下的 ./alipay-docs

关键原则

  • 忠实:正文文字必须 100% 来自页面,禁止虚构 / 总结 / 改写 / 解读。工具只做机械格式化。

抓完自检清单

每抓完一篇,逐项核对,有问题按「排障」处理或重抓:

  • 无残留 @@...@@ 占位(占位未被替换 = 代码/表格/图片丢失)。
  • 无 UI 噪音行(收藏 / 订阅更新 / 我的文档 / cURL·Java·C# tab 标签 / 「本示例仅供参考」/ 「收起所有属性」等)。
  • 图片引用全部命中本地 images/ 文件(无坏链)。
  • API 业务参数含嵌套子属性枚举值且完整(对照页面「展开所有属性」后的状态)。
  • 公共请求/响应参数表、Java 请求示例、错误码表齐全。
  • 表格 rowspan 对齐正确(每行 code 与其 sub_code 一一对应,无错位)。

排障

  • 代码 / 参数缺失 → 多半是懒加载未滚到或折叠(「更多」枚举、「子属性」嵌套)未展开;确认抓取流程做了全文滚动 + 逐个真实点击展开。
  • 图片下不下来cdn.nlark.com(语雀图床)用 node https 会失败,本工具改用 curl(带 UA / Referer);确认系统装了 curl
  • 接口页结构异常(如通知 / 回调类,section 是「消息属性 / 通知应答」而非标准请求/响应) → 本工具按通用 H2 分段兼容,无需硬编码 section 名。

维护者注:完整的踩坑经验、各坑的成因与设计依据见仓库根 PLAYBOOK.md(不随 Skill 安装分发,改代码前务必读)。

相關技能

Oscar-V4/youtube-reporter-skill

Turn YouTube links into source-grounded, agent-ready reports with transcript-first extraction and optional sparse visual capture.

community

MCHammer-12/claude-marketing-email

Claude skills for building Redo marketing emails, welcome series, and starter-pack automations end-to-end from freeform descriptions

community

alirezarezvani/senior-backend

Designs and implements backend systems including REST APIs, microservices, database architectures, authentication flows, and security hardening. Use when the user asks to "design REST APIs", "optimize database queries", "implement authentication", "build microservices", "review backend code", "set up GraphQL", "handle database migrations", or "load test APIs". Covers Node.js/Express/Fastify development, PostgreSQL optimization, API security, and backend architecture patterns.

community

H-Ali13381/tier-1-2-3-skill-system

Tier 1/2/3 system for designing agent skills.

community

minimax-ai/ios-application-dev

iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation patterns, Dynamic Type, Dark Mode, accessibility, collection views, common UI components, and SwiftUI design guidelines. For detailed references on specific topics, see the reference files. Use when: developing iOS apps, implementing UI, reviewing iOS code, working with UIKit/SnapKit/SwiftUI layouts, building iPhone interfaces, Swift mobile development, Apple HIG compliance, iOS accessibility implementation.

community

wicttor/pwrl

Plan. Work. Review. Learn. — A minimal disciplined agentic development framework.

community