Capture PNG screenshots of HTML mockups using Puppeteer.
npx skills add https://github.com/rakovi4/continue-framework --skill screenshot-rakovi4
Please help me install this Agent Skill. Skill: screenshot Source: https://github.com/rakovi4/continue-framework/tree/main/.claude/skills/screenshot Command: npx skills add https://github.com/rakovi4/continue-framework --skill screenshot-rakovi4
This Skill automates the process of taking screenshots of HTML mockups, allowing users to capture visual representations of their designs efficiently.
Take a screenshot of the 'login.html' file by running the command: /screenshot login.html.
High-intent search queries and answers about installing and using this skill.
To automate capturing screenshots of HTML mockups, you can use this Skill to trigger Puppeteer, which navigates to your specified HTML files and generates PNG images automatically.
Yes, a Puppeteer environment is required to execute the screenshot command. This Skill relies on Puppeteer to render the HTML mockups and capture the visual representations.
Yes, you can capture screenshots of a specific HTML file or directory. By running a command like `/screenshot login.html`, the Skill targets that individual mockup for PNG generation.
The best way to generate PNG images from HTML files is using an automated Puppeteer script. This approach captures visual representations of web designs efficiently without manual browser interaction.
The main limitation is the requirement of a Puppeteer environment. Without this browser automation dependency properly set up, the Skill cannot execute the screenshot capture process for your HTML mockups.
aaron-he-zhuManage two-layer memory with hot cache and cold storage for SEO projects.
Eva813Export Figma frames as PNG images via a Python script.
nrminorGenerate and edit Typst source files with syntax validation.
web-infra-devAutomate web browser interactions using visual cues from screenshots.
