Measure slide element bounds and capture PNG screenshots to detect layout bugs in HTML decks.
npx skills add https://github.com/s-choung/Research-Skills --skill slide-audit
Please help me install this Agent Skill. Skill: slide-audit Source: https://github.com/s-choung/Research-Skills/tree/main/skills/slide-audit Command: npx skills add https://github.com/s-choung/Research-Skills --skill slide-audit
This Skill helps you verify HTML slide decks for layout defects that are hard to catch reliably by eye, such as overlapping text, clipped content, and elements escaping the canvas.
Ask the skill to inspect an HTML slide deck for overlap and clipping issues, then run the rect diagnostic before reviewing the rendered slide screenshots.
High-intent search queries and answers about installing and using this skill.
Checking HTML slide deck layout involves measuring element bounding boxes to detect overflow and structural problems. It renders each slide to a PNG screenshot for visual review to confirm whether issues are structural or purely visual.
Playwright is required to automate screenshot rendering for slide deck QA. It toggles active slides, captures per-slide PNGs, and reports overflow against slide content and canvas boundaries to catch presentation layout bugs.
Deterministic rect checks are the best way to check for overlapping elements in a 1920x1080 HTML deck. This method measures slide and content bounding boxes to reliably detect overflow, overlap, and elements escaping the canvas.
This slide audit tool is designed for center-anchored 1920x1080 HTML decks. It requires Playwright to toggle active slides and measure element bounds, making it suited for presentation debugging and deck QA within this specific format.
HTML slide content escapes canvas boundaries due to structural layout defects like overflow. Running a rect diagnostic measures element bounds against the 1920x1080 canvas to confirm whether the presentation problem is structural or purely visual.
CoachSteffGenerate branded 1920x1080 HTML slide decks from scripts or Markdown outlines.
genesis-agentsDetect and fix slide layout issues in HTML/CSS presentation structures.
takusaotomeGenerate FUJISOFT America branded MARP-format Markdown slide decks with template layouts.
Davie521Automate browser-based visual QA and accessibility checks on live web pages.
