Agent skill

modao-capture

墨刀原型稿抓取工具。自动从墨刀原型稿链接抓取所有页面、截图和批注,生成 Markdown 文档。使用场景包括:(1) 抓取原型稿页面 (2) 生成页面截图 (3) 提取批注内容 (4) 导出 Markdown 文档

Stars 17
Forks 3

Install this agent skill to your Project

npx add-skill https://github.com/ABCFed/claude-marketplace/tree/main/plugins/abc-development-plugin/skills/modao-capture

SKILL.md

Modao-Capture Skill

本 skill 提供墨刀原型稿抓取的 Node.js 脚本工具,使用 Puppeteer 进行浏览器自动化。

环境配置

使用前需要安装依赖:

bash
npm install

系统要求

  • Node.js >= 18.0.0
  • Google Chrome(macOS 自动检测 /Applications/Google Chrome.app

使用方式

bash
node scripts/modao-capture.js --url "墨刀原型稿链接" --output "项目目录"

命令参数

参数 说明
-u, --url <url> 墨刀原型稿分享链接(必填)
-o, --output <dir> 项目根目录路径(必填)
-c, --concurrency <number> 并发处理数量(默认: 3)
-s, --scale <number> 截图缩放因子 1-5(默认: 3)

使用示例

基本用法

bash
# 抓取原型稿并输出到当前目录
node scripts/modao-capture.js \
    --url "https://modao.cc/proto/abc123/sharing" \
    --output "$(pwd)"

自定义并发和缩放

bash
# 高质量截图(缩放因子 5),并发数 2
node scripts/modao-capture.js \
    --url "https://modao.cc/proto/abc123/sharing" \
    --output "/path/to/project" \
    --scale 5 \
    --concurrency 2

输出结果

执行后会在指定目录下创建 modao_画布名称/ 文件夹,包含:

modao_画布名称/
├── README.md                    # 索引文件
├── 01_首页图1.png              # 页面截图
├── 01_首页.md                  # 页面文档
├── 02_详情页图1.png
├── 02_详情页.md
└── ...

README.md 索引内容

markdown
# 墨刀原型稿索引

**项目ID**: abc123
**链接**: https://modao.cc/proto/abc123/sharing

---

## 页面列表

| 序号 | 页面 | 批注数 |
|------|------|--------|
| 1 | [首页](./01_首页.md) | 3 |
| 2 | [详情页](./02_详情页.md) | 0 |

页面文档内容

markdown
# 首页

## 原型稿
![首页](./01_首页图1.png)

## 批注内容

### 批注 1

**内容**:
这是第一个批注的说明

---

Claude 使用方式

当用户需要抓取墨刀原型稿时:

  1. 检查依赖:确认已安装 node_modules
  2. 构建命令:根据需求构建参数
  3. 执行脚本:使用 Bash 工具运行
  4. 处理结果:解析输出,分析数据

示例工作流:

用户: "抓取这个原型稿 https://modao.cc/proto/xxx/sharing"

Claude:
1. node scripts/modao-capture.js --url "https://modao.cc/proto/xxx/sharing" --output "$(pwd)"
2. 检查输出目录中的 README.md 索引
3. 读取生成的页面文档

文件结构

modao-capture/
├── .gitignore
├── SKILL.md
├── package.json
└── scripts/
    └── modao-capture.js    # 主脚本

Expand your agent's capabilities with these related and highly-rated skills.

ABCFed/claude-marketplace

abc-git-flow

ABC 后台 Git 分支管理工作流辅助。用于执行 git abc 命令进行分支操作、提供开发流程指导。当用户提到"开新分支"、"feature"、"hotfix"、"发布"、"提测"、"合并"、"灰度"、"全量"、"rc"、"tag"、"MR"、"merge request" 等关键词时使用此技能。

17 3
Explore
ABCFed/claude-marketplace

sls-trace-analyzer

根据 traceId 或 URL(带时间戳)查询阿里云日志服务 (SLS) 获取日志,分析日志内容,定位代码中的问题。

17 3
Explore
ABCFed/claude-marketplace

tapd-bug-analyzer

自动化分析和定位 TAPD Bug 单中的问题,支持多种分析策略。

17 3
Explore
ABCFed/claude-marketplace

abc-backend-guide

ABC 后端开发指南。涵盖 Java/Spring Boot 基础、新建 API 接口、新建 RPC 服务、数据库变更、后端调试排查、项目启动、Git 分支管理。当用户提到"后端开发"、"Java"、"Spring Boot"、"新建接口"、"新建API"、"RPC"、"Feign"、"数据库变更"、"加字段"、"建表"、"后端调试"、"排查问题"、"日志查询"、"启动项目"、"端口"、"分支管理"等关键词时使用此技能。

17 3
Explore
ABCFed/claude-marketplace

tapd

TAPD 敏捷研发管理平台集成。使用脚本调用 TAPD API,实现需求、缺陷、任务、迭代、测试用例、Wiki 等实体管理。使用场景包括:(1) 查询/创建/更新需求、缺陷、任务、迭代 (2) 管理测试用例和 Wiki (3) 管理评论和工时 (4) 关联需求与缺陷 (5) 获取源码提交关键字

17 3
Explore
ABCFed/claude-marketplace

jenkins-deploy

ABC Jenkins 项目发布技能。支持智能参数推断和交互式触发 Jenkins 构建,自动获取 Git 分支和标签信息。当用户请求"发布 Jenkins"、"触发构建"、"部署项目"、"Jenkins 发布"或类似操作时触发此技能。需要环境变量 JENKINS_USER 和 JENKINS_TOKEN。

17 3
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results