Does it support retina or high-DPI screenshots?

Yes, the skill includes a --retina flag (enabled by default) to ensure that screenshots are captured at 2x scaling for crisp, professional visual quality.

Can I customize the output dimensions for different platforms?

Absolutely. You can define specific dimensions in your scopi.config.json file or override them using flags like --width and --height during the build process.

Scopi Build is a specialized Claude Code skill designed to automate the generation of visual card news by capturing HTML slides and outputting them as high-quality PNG or PDF files.

Which browser engines does it use for capturing?

Scopi Build utilizes Puppeteer and Playwright to handle the screenshot capture process, ensuring compatibility and precision across different web layouts.

Does it require pre-existing HTML files?

Yes, it is designed to process existing HTML files, typically those created in the Scopi workflow, to create the final visual assets for social media.

Scopi Card News Build Pipeline

Name: Scopi Card News Build Pipeline
Author: HosungYou

byHosungYou

0•

Social Media Management

Converts HTML slides into professional PNG and PDF card news carousels using an automated screenshot and assembly pipeline.

The Scopi Build skill automates the transformation of HTML-based slides into high-quality visual content suitable for social media platforms. By leveraging Puppeteer and Playwright, it captures pixel-perfect screenshots of existing templates, processes them through a customizable pipeline, and generates both individual PNG slides and multi-page PDF carousels. It is an essential tool for developers and content creators who want to bridge the gap between web technologies and professional-grade social media assets, ensuring consistent design and high-resolution output every time.

Key Features

01Customizable viewport dimensions and retina scaling support

02URL-to-screenshot capture for integrating external web references

03Intelligent directory scanning for streamlined build reporting

04High-resolution screenshot capture with Puppeteer and Playwright

05Automated HTML to PNG and PDF conversion pipeline

060 GitHub stars

Use Cases

01Converting web-based slide decks into LinkedIn or Instagram carousels

02Automating the export of visual documentation into high-resolution PDFs

03Generating consistent social media brand assets from HTML templates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hosungyou/scopi-cardnews build

For use in Claude.ai and ChatGPT