Render HTML templates into PNG social media visuals with Playwright.
npx skills add https://github.com/Mattyreed1/fractal-agent-skills --skill social-canvas
Please help me install this Agent Skill. Skill: social-canvas Source: https://github.com/Mattyreed1/fractal-agent-skills/tree/main/social-canvas Command: npx skills add https://github.com/Mattyreed1/fractal-agent-skills --skill social-canvas
This Skill solves the "design-to-publish" bottleneck by automating the creation of pixel-perfect social media infographics and carousels that adhere to strict brand guidelines, eliminating the need for manual design iteration.
Use the social-canvas skill to generate a LinkedIn carousel about the core thesis of my latest research paper.
High-intent search queries and answers about installing and using this skill.
Automate social media carousel generation by rendering HTML templates into PNGs via Playwright, supporting multi-slide creation with automated quality evaluation and iterative refinement loops. Provide your core content and the agent handles layout, typography, and visual feedback.
Converting HTML and CSS into pixel-perfect social media infographics is best handled by rendering them into PNGs with Playwright. This approach enforces strict brand guidelines through a template system for hooks, stats, lists, and CTAs.
Yes, you need Python Playwright and a local Chromium installation to execute rendering and visual validation tasks for generating social media visuals. These dependencies are required to run the automated rendering process.
Yes, you can generate a multi-slide LinkedIn carousel from a technical blog post by providing the core thesis. The agent automatically handles the layout, typography, and visual feedback loop to create polished slides.
Automated quality evaluation works by rendering HTML/CSS to PNG, assessing the output against design rules, and running iterative refinement loops until the visual is polished. This closed-loop generation eliminates manual design iteration.
Limitations include being restricted to the included template system for hooks, stats, lists, and CTAs to enforce visual identity. You must stay within these predefined templates to maintain strict brand compliance during automated rendering.
kitaekattConvert local HTML files to PDFs using headless Chromium via Playwright.
pablitonogRender HTML and CSS content into PNG images with Playwright.
UniquecreteExtract structured data from web pages using CSS schemas and crawling.
zivtechTransform design-planner specifications into SVG and HTML assets.
