modao-capture_skill

Overview

This skill automates extraction of Modao (墨刀) prototype projects into a local Markdown-based documentation bundle. It visits a shared prototype link, captures all pages and screenshots, extracts annotations, and writes structured Markdown files and an index. The output is ready for review, handoff, or archiving.

How this skill works

The script launches a headless browser to open the provided Modao sharing URL, enumerates canvas pages, and captures high-resolution screenshots. It scrapes visible annotation text and metadata for each page and generates a project folder with per-page Markdown files and a README index. Concurrency and screenshot scale are configurable to balance speed and image quality.

When to use it

• You need an offline documentation snapshot of a Modao prototype.
• Preparing handoff materials for designers, PMs, or developers.
• Archiving prototype versions for project history or audits.
• Extracting annotations and screenshots for review or QA.

Best practices

• Verify Node.js (>=18) and Chrome are installed before running.
• Run npm install to ensure dependencies are present.
• Start with moderate concurrency (default 3) to avoid rate limits or rendering issues.
• Use higher scale (3–5) for pixel-perfect screenshots when detail matters.
• Review the generated README and per-page Markdown to confirm annotations extracted correctly.

Example use cases

• Capture an entire Modao prototype to a project folder for stakeholder review.
• Generate screenshots and annotation documents to include in a design spec.
• Create an archival snapshot of a prototype before major changes.
• Batch-capture multiple canvases with controlled concurrency for large projects.
• Produce Markdown-ready assets to push into documentation sites or version control.