Does it extract comments and notes from the prototypes?

Yes, the skill is specifically designed to extract annotations (批注) and include them as text within the generated Markdown files.

Can I adjust the quality of the exported screenshots?

Yes, you can use the '--scale' parameter (values 1-5) to set the resolution of the captured images, with 3 being the default and 5 being the highest quality.

What does the final output structure look like?

It creates a dedicated folder containing a README.md index, individual Markdown files for every page in the prototype, and corresponding PNG screenshots.

What is required to run the Modao-Capture skill?

You need Node.js (version 18 or higher) and Google Chrome installed on your system. The tool uses Puppeteer to automate the browser for capturing the prototypes.

Modao Prototype Capture

Name: Modao Prototype Capture
Author: ABCFed

byABCFed

•

Web Scraping y Recopilación de Datos

Automates the extraction of Modao prototype pages, screenshots, and annotations into organized Markdown documentation.

Modao Prototype Capture is a specialized automation skill designed to streamline the transition from design to documentation. By leveraging Puppeteer, it crawls Modao (墨刀) prototype links to capture high-resolution screenshots and extract embedded annotations. The tool automatically organizes these assets into a structured directory containing Markdown files for each page and a central index, making it effortless for developers to reference UI specifications and product requirements directly within their development environment.

Características Principales

01Automated crawling of all pages from a Modao sharing link

02Generation of structured Markdown documentation for each design page

03Configurable concurrency for efficient processing of large prototype sets

0416 GitHub stars

05High-fidelity screenshot generation with adjustable scaling up to 5x

06Automatic extraction and formatting of UI annotations and comments

Casos de Uso

01Generating documentation for design systems and project requirements automatically

02Exporting Modao designs into technical specifications for developer handovers

03Creating local offline archives of UI prototypes and design annotations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add abcfed/claude-marketplace modao-capture

For use in Claude.ai and ChatGPT

Download Skill