layout-review

Renders generated documents and inspects page layout for visual defects before approval.

1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/devbasex/ai-plugins --skill layout-review-devbasex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: layout-review
Source: https://github.com/devbasex/ai-plugins/tree/main/plugins/ndf/skills/layout-review
Command: npx skills add https://github.com/devbasex/ai-plugins --skill layout-review-devbasex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reading a document's source cannot reveal layout defects like text overflowing frames, overlapping figures, bad page breaks, or font substitution. This Skill renders the generated document and inspects the actual pages so these visual defects are caught before the document is submitted for approval. ## Core Features & Use Cases - Render-based inspection: Converts HTML, PDF, Google Slides/Docs, or system pages into images and reviews the layout visually, independent of how the document was generated. - Machine checks before human review: Runs measurable checks first (external references, figure widths, page counts, characters per page), then escalates to visual inspection of rendered images. - Correct routing of defects: Routes layout defects back to layout design, generation pipeline, or writing depending on the root cause, and stops the process when rendering or image reading is impossible. - Use Case: After generating a 12-page slide deck as PDF, render each page to an image, verify no text overflows its frame and no figures overlap, then record the reviewed scope and method as evidence for artifact approval. ## Quick Start Render the generated document and review its page layout for text overflow, overlapping figures, and page break issues before approval.

Frequently Asked Questions about layout-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review the layout of a generated document before submitting it?▼

Render the document into images using the appropriate tool for its format, then inspect each page for text overflow, overlapping figures, page break positions, and font issues. Record the rendering method, reviewed scope, and findings as approval evidence.

What tools render HTML or PDF documents for visual layout review?▼

HTML documents are rendered with playwright-evidence screenshots from playwright-kit. PDFs are converted page-by-page into images, and Google Slides or Docs are first exported to PDF before image conversion.

Does layout review also check document content accuracy?▼

No. Content checks such as facts, figures, sources, and structure are handled by separate review steps. This review covers only the visual layout: text overflow, figure overlap, page breaks, and typeface rendering.

What should I do when a document cannot be rendered for layout review?▼

Stop the process rather than skipping it. Present a path for a human to open and inspect the artifact, or provide the rendered image location so a person can review and approve it manually.

Why do characters appear missing in rendered documents?▼

Missing glyphs often come from fonts unavailable in the rendering environment, not a defect in the artifact itself. Verify whether the same issue occurs in the delivery environment before sending the document back for regeneration.