skills.rest
genesis-agents
genesis-agentsCOMMUNITY
Explore all skills by this author →
GitHub

layout-fixer

Detect and fix slide layout issues in HTML/CSS presentation structures.

2|3|Updated Nov 9, 2025
Search Tags:#automation#layout#css#verification#fix#presentation#slides
One-click install
npx skills add https://github.com/genesis-agents/GenesisPod --skill layout-fixer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: layout-fixer
Source: https://github.com/genesis-agents/GenesisPod/tree/main/backend/src/modules/ai-app/office/slides/skills/layout-fixer
Command: npx skills add https://github.com/genesis-agents/GenesisPod --skill layout-fixer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automatically detects and fixes common slide layout problems, helping you deliver clean, professional presentations with consistent design.

Core Features & Use Cases

  • Detects overflow, overlapping elements, misalignment, and inconsistent spacing across slides.
  • Suggests deterministic CSS fixes and layout adjustments to ensure uniform presentation quality.
  • Use Case: prepare a multi-slide deck for a client by quickly identifying layout issues and applying fixes at scale.

Quick Start

Run the layout fixer on your slide HTML input to automatically detect and fix layout issues.

Frequently Asked Questions about layout-fixer

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

FAQPage Schema
How do I fix slide layout issues like overflow and overlapping elements?▼

To fix slide layout issues like overflow and overlap, you can analyze HTML and CSS-like structures to detect problems and generate a deterministic remediation plan with specific CSS changes.

How do I automatically detect misalignment and inconsistent spacing in presentation slides?▼

Automatically detecting misalignment and inconsistent spacing requires analyzing HTML inputs against a defined container size, producing a structured fix plan that enforces uniform presentation quality across the deck.

Does this layout fixer work with Google Slides and web presentations?▼

Yes, the layout fixer works with Google Slides and web presentations by analyzing their underlying HTML and CSS-like structures to identify and correct alignment, overflow, and spacing problems.

What inputs do I need to generate a CSS fix plan for a slide?▼

Generating a CSS fix plan requires explicit inputs including the slide HTML, the pageIndex, and the containerSize, which are analyzed to output deterministic layout adjustments.

What is the best way to prepare a multi-slide deck for consistent presentation design?▼

The best way to prepare a multi-slide deck for consistent presentation design is to run automated layout analysis on the HTML structure to identify issues and apply deterministic CSS fixes at scale.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

pptx

Create and edit PowerPoint presentations while preserving slide structure and formatting.

Community
Advanced
shaprisshapris

theme-factory

Apply font and color themes to slide decks, documents, and HTML artifacts.

Community
Intermediate
lidge-junlidge-jun
5

HTML to PPTX Skill

Convert HTML content into native PowerPoint slides with batch processing.

Community
Advanced
visualityplvisualitypl
4

debug

Analyze logs, SQLite database state, and git history to diagnose software issues.

Official
Intermediate